Einen Div in einem variablen Div zentrieren?!
0 0 
imho_tep
Einen Div in einem variablen Div zentrieren?!
Ich hab ein 2spaltiges Layout, das von der Breite her komplett variabel sein soll. Rechts soll eine Navigation erscheinen und links ein Bild das zentriert ist... Im IE siehts genau so aus wie ich mir das vorstelle, nur Mozilla meckert...
Kann mir da vielleicht jemand auf die Sprünge helfen?
<html><head></head><body>
<div style='text-align: center'>
<div style="width: 80%; margin: auto; background-color: #eee; text-align: left;">
<div style="width: 30%; background-color: #aaa; float: right;">
Navi
</div>
<div style="background-color: #555; text-align: center;">
<div style="margin: auto; width: 50%; background-color: #ff0000;">
<img src=''/>
</div>
</div>
<br style="clear: both;">
</div>
</div>
</body></html>
-
Hi!
Ich hab ein 2spaltiges Layout, das von der Breite her komplett variabel sein soll. Rechts soll eine Navigation erscheinen und links ein Bild das zentriert ist...
Ich kann in deinem Code auch beim besten Willen kein Zweispaltiges Layout erkennen.
Im IE siehts genau so aus wie ich mir das vorstelle, nur Mozilla meckert...
Purer Zufall. Firefox stellt die Seite genau so dar, wie dein Quellcode sie beschreibt. Wie der IE zu seiner Darstellung kommt, ist mir ein Rätsel. Welcher CSS-Bug jetzt genau dafür verantwortlich ist, weiß ich nicht.
mfG
--
Selfcode: ie:} fl:{ br:> va:) ls:< fo:( rl:? n4:# ss:| de:] js:| ch:? sh:( mo:? zu:)
"And all those exclamation marks, you notice? Five? A sure sign of someone who wears his underpants on his head."
(Terry Pratchett)-
Hi!
Purer Zufall. Firefox stellt die Seite genau so dar, wie dein Quellcode sie beschreibt. Wie der IE zu seiner Darstellung kommt, ist mir ein Rätsel. Welcher CSS-Bug jetzt genau dafür verantwortlich ist, weiß ich nicht.
Nachtrag: Der IE im Standardkonformen Modus stellt die Seite ebenfalls richtig dar. Da du keinen Doctype angegeben hattest, wurde der IE natürlich in den Quirks-Mode geschaltet. Kopiere mal folgenden Doctype an den Anfang der Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Tadaa!
Siehe auch Box-Modell / Doctype Switch (SelfHTML)mfG
--
Selfcode: ie:} fl:{ br:> va:) ls:< fo:( rl:? n4:# ss:| de:] js:| ch:? sh:( mo:? zu:)
"And all those exclamation marks, you notice? Five? A sure sign of someone who wears his underpants on his head."
(Terry Pratchett)-
Naja, links eine spalte mit Bild, rechts eine mit der Navi, macht für mich 2 Spalten...
Trotzdem, die Angabe des Doctypes in Kombination mit den 70% Breite für den Linken Div haben geholfen.
Vielen Dank!
Gruß
Nowak
-
-
-
Hallo,
wenn die rechts floatende navi eine Breite von 30% hat, welchen rechten Rand müsste dann der daneben liegende Bereich wohl haben?
Best wishes, imho_tep