• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Richtig centern!

B

burn4ever

Mitglied
Hallo ich habe folgenden code im body meiner html:
HTML: 
<body>
    <div id="page">
        <div id="myContent">
        <div id="text">
            <h1>Mein Inhalt</h1>
BLINDTEXT
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
        </div>
        </div>
        </div>
    </body>
</html>
Wie bekomme ich jetzt den ganzen Inhalt am besten immer im center der Seite?
Wenn ich in meiner css z.B. für den body Tag ein text-align=center schreibe rückt mir der IE den Inhalt immer schön in die Mitte meines Browserfensters. Firefox wiederum nicht.
Wo setzt ich denn am besten einen center Befehl??

Ps. Tag "myContent" ist für meinen swf, ich arbeite mit swfobject der rest darunter ist mein Alternativinhalt.
 
burn4ever schrieb:
Wenn ich in meiner css z.B. für den body Tag ein text-align=center schreibe rückt mir der IE den Inhalt immer schön in die Mitte meines Browserfensters. Firefox wiederum nicht.
Zum Vergrößern anklicken....
Ja, das ist ein Fehler des Internet Explorer. "text-align" zentriert eigentlich nur Inline-Elemente. Aber der IE meint, das wäre cool, sich nicht an die Standards zu halten und lässt auch damit das Zentrieren von Block-Elementen zu. Dabei lässt er Dich im Glauben, Du hättest alles richtig gemacht. Fies von ihm, nicht wahr?
 
also richtig mit css kannst du das so machen z.b.

<div style="text-align:center;">
/*Inhalt*/
</div>

du kannst das natürlich auch mit <span> oder <td>... machen
 
Du kannst auch mit Conditional Comments arbeiten. Dann kannst du für IE und FF jeweils einen eigenen <body>-Tag, damit die sich nicht wegen dem style="text-align: center;" im Body in die Quere kommen.

Das geht so:
Code: 
<!--[if IE]>[FONT=monospace]
[/FONT]<body style="text-align:center;">[FONT=monospace]
[/FONT]<![endif]-->[FONT=monospace]

[/FONT]<!--[if !IE]>[FONT=monospace]
[/FONT]<body>[FONT=monospace]
[/FONT]<![endif]-->
Ersteres wird angezeigt, wenn der Browser Internet Explorer ist, zweiteres wird angezeigt, wenn nicht.
 
Timmer schrieb:
Du kannst auch mit Conditional Comments arbeiten. Dann kannst du für IE und FF jeweils einen eigenen <body>-Tag, damit die sich nicht wegen dem style="text-align: center;" im Body in die Quere kommen.

Das geht so:
Code: 
<!--[if IE]>[FONT=monospace]
[/FONT]<body style="text-align:center;">[FONT=monospace]
[/FONT]<![endif]-->[FONT=monospace]

[/FONT]<!--[if !IE]>[FONT=monospace]
[/FONT]<body>[FONT=monospace]
[/FONT]<![endif]-->
Ersteres wird angezeigt, wenn der Browser Internet Explorer ist, zweiteres wird angezeigt, wenn nicht.
Zum Vergrößern anklicken....

Warum sollte man das machen, wo doch beide Browser das Zentrieren per margin können?
 
Jo890 schrieb:
Naja ich habe bisjetzt auch nur mit dem IE gearbeitet
Zum Vergrößern anklicken....
Wenn Du bisher nur mit einem Browser arbeitest, von dem bekannt ist, dass er die Standards nicht überall hinreichend unterstützt, dann kannst Du nicht Sachen in den Raum stellen und diese als allgemeingültig verkaufen.

Du solltest mit einem anderen Browser entwickeln und dann erst mit dem IE testen. Da bist Du besser dran.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben