Frage stellen

Flash mittig vertikal und horizontal anzeigen

3.2k Aufrufe
in Webseiten HTML von
Hallo.
Wie kann ich eine Flashdatei in meiner HP immer exakt mittig anzeigen lassen? Mit dem Code unten habe ich es schon horizontal geschafft, aber was und wo müsste ich für vertikal eingeben?

Danke, Sarah



<body>
<body style="text-align:center;">
<div style="width:820px;margin:0px auto;text-align:left;">

.
.
.
.

8 Antworten

0 Punkte
von hans889 Experte (3.7k Punkte)
Hallo sarah,

horizontal positionieren kannst du ohne Weiteres auf die Art, wie du es machst. Vertikal dagegen ist darum schwierig, weil die Besucher einer Website unterschiedliche Monitore mir unterschiedlichen Auflösungen verwenden. Was auf deinem Monitor gut aussieht, sagt also nur etwas darüber aus, wie es darauf aussieht. Du kannst aber mal mit dem Tag "valign" experimentieren.

Für das Vertikale, aber auch am Besten eigentlich alles, solltest du CSS-Positionierungen verwenden. Hier der Link zur Einstiegsseite: Klick!
0 Punkte
von supermax Experte (4.8k Punkte)
Es gibt einen Trick, wie man ein Element mit fixen Abmessungen horizontal und vertikal zentrieren kann, und zwar legt man die linke obere Kante auf die Position "50% 50%", und setzt eine negative Angabe für den Rand (margin), also z.B.
<div style="width:820px;height:400px;top:50%;left:50%;margin-left:-410px;margin-top:-200px">
.
Durch den negativen "rand" wird das Element um jeweils seine halbe Breite und Höhe nach links oben verschoben, was eine horizontale und vertikale Zentrierung bewirkt.
0 Punkte
von
Huhu. Vielen Dank. Wenn ich die Zeile bei mir einfüge dann ist alles links oben aus dem Eck raus :(( Geht irgendwie nicht.
Sarah
0 Punkte
von supermax Experte (4.8k Punkte)
Wichtig ist daß das Dokument den kompletten sichtbaren Bereich ausfüllt, am besten im <head>-Bereich folgenden Code hinzufügen
<style type="text/css">
body,html {
width:100%;
height:100%;
}
</style>


Außerdem sollte deine Seite keinen korrekten HTML- oder XHTML DOCTYPE haben, je nachdem welchem Standard deine Seite entspricht. Im Zweifelsfall nimm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
0 Punkte
von
position vergessen
0 Punkte
von supermax Experte (4.8k Punkte)
Hier mal ein Beispiel.
0 Punkte
von supermax Experte (4.8k Punkte)
gast42 hat wie meistens recht, ich hatte in meinem Beispiel das position:relative; vergessen.
0 Punkte
von
Hmmm, ich blick nimmer durch, geht alles ned. Mein Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>sarah.de</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
.Stil4 {font-size: 10px; font-weight: bold; }
body {
background-color: #EFEFEF;
}
.Stil6 {font-size: 10px; font-style: italic; font-family: "Palatino Linotype"; }
.Stil7 {font-family: "Palatino Linotype"; font-size: 10px;}
a {
font-family: Palatino Linotype;
color: #333333;
}
.Stil11 {color: #000000}
a:link {
color: #000000;
}
body,td,th {
font-family: Palatino Linotype;
color: #000000;
}
.Stil14 {font-size: 12px}
.Stil15 {font-size: 10px}
-->
</style>
</head>
<body>
<body style="text-align:center;">
<div style="width:820px;margin:0px auto;text-align:left;">
<p>
<script type="text/javascript">

.
.
.
....und da kommt dann der macromediaflashteil...

Sarah

Deine Antwort

Dein angezeigter Name (optional):
Datenschutz: Deine Email-Adresse benutzen wir ausschließlich, um dir Benachrichtigungen zu schicken. Es gilt unsere Datenschutzerklärung.
Anti-Spam-Captcha:
Bitte logge dich ein oder melde dich neu an, um das Anti-Spam-Captcha zu vermeiden.
...