Hallo zusammen,
bin beim herumspielen auf folgendes Problem gestoßen, und nun benötige ich euren rat:
Es geht um eine einfache Positionierung der Gesamtseite in der Mitte des Bildschirms. Dafür wollte ich einfach einen <div> Tag benutzen in dem dann alles abgespielt wird. Hier der Quelcode:
Bitte, testet es mal mit IE, FF und Opera.
Die beiden letzten zeigen den Text in der Mitte der Seite und die Form links, da es ja kein Text sondern ein Block Element ist. IE platziert alles in der Mitte.
[FONT="]Fügt man nun [/FONT]
[FONT="]
[/FONT]
[FONT="]zur Positionierung des Formulars hinzu, bewegen FF und Opera das Formular in die Mitte des Bildschirmes. IE rechnet die 50% aber irgendwie von der Mitte des Bildschirmes und bewegt das Formular komplett auf die rechte Seite.
[/FONT] Nun meine Frage: Was mache ich hier Falsch(Gedankfehler), oder wie kann man alle Elemente auf der Seite auf einen Schlag in der Mitte des Bildschirmes positionieren? Bzw., welcher Brauser hat recht bei der Interpretation der CSS Anweisungen?
Ich bedanke mich im Voraus für eure Ideen
PORTAL
bin beim herumspielen auf folgendes Problem gestoßen, und nun benötige ich euren rat:
Es geht um eine einfache Positionierung der Gesamtseite in der Mitte des Bildschirms. Dafür wollte ich einfach einen <div> Tag benutzen in dem dann alles abgespielt wird. Hier der Quelcode:
HTML:
...
<body>
<div id="center_div" style="text-align:center; border:1px dotted black;">
<p>text anything text </p>
<form method="post" action="#" style="margin:15px; padding:10px; border:1px solid black; width:30%;">
<fieldset>
<legend>Input name</legend>
<input type="text" name="name" size="30" value="bag" />
</fieldset>
</form>
<p>text anything text </p>
</div>
</body>
...
Die beiden letzten zeigen den Text in der Mitte der Seite und die Form links, da es ja kein Text sondern ein Block Element ist. IE platziert alles in der Mitte.
[FONT="]Fügt man nun [/FONT]
Code:
position:relative; left:50%;
[/FONT]
HTML:
<body>
<div id="center_div" style="text-align:center; border:1px dotted black;">
<p>text anything text </p>
<form method="post" action="#" style="position:relative; left:50%; margin:15px; padding:10px; border:1px solid black; width:30%;">
<fieldset>
<legend>Input name</legend>
<input type="text" name="name" size="30" value="bag" />
</fieldset>
</form>
<p>text anything text </p>
</div>
</body>
[/FONT] Nun meine Frage: Was mache ich hier Falsch(Gedankfehler), oder wie kann man alle Elemente auf der Seite auf einen Schlag in der Mitte des Bildschirmes positionieren? Bzw., welcher Brauser hat recht bei der Interpretation der CSS Anweisungen?
Ich bedanke mich im Voraus für eure Ideen
PORTAL