Frage stellen

Flash mittig vertikal und horizontal anzeigen

2.8k Aufrufe
Gefragt 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
Beantwortet 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
Beantwortet 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
Beantwortet 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
Beantwortet 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
Beantwortet von
position vergessen
0 Punkte
Beantwortet von supermax Experte (4.8k Punkte)
Hier mal ein Beispiel.
0 Punkte
Beantwortet von supermax Experte (4.8k Punkte)
gast42 hat wie meistens recht, ich hatte in meinem Beispiel das position:relative; vergessen.
0 Punkte
Beantwortet 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
...