nicht angemeldet
dreizeiliges Layout, IE problem
0 
Struppi
0
0 Opera hat sinn für humor
0
dreizeiliges Layout, IE problem
Ahoi alle,
Ich bin schwer am verzweifeln. ich habe 3 div wie folgt per CSS zentriert:
body #header, body #content, body #footer {
margin: 0px auto;
padding:0px;
position: relative;
width: 994px;
}
das obere und untere werden aber je nach fensterbreite im IE weiter links positioniert als das mittlere. von 1px bis zu mehreren.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
</head>
<body>
<div id="header">
...
</div>
<div id="content">
...
</div>
<div id="footer">
...
</div>
</body>
</html>
MfG
-
position: relative;
Wozu das?
width: 994px;
horizontale Scrollbalken nicht besonders schön, mein Browserfenster ist nur 875px breit.
<html xmlns="http://www.w3.org/1999/xhtml">
keinen DOCTYPE? Damit wird deine Seite im Quirksmode dargestellt, was sicher nicht wünschenswert ist.
Struppi.
-
Ahoi Struppi,
width: 994px;
horizontale Scrollbalken nicht besonders schön, mein Browserfenster ist nur 875px breit.lässt sich nicht ändern. begeistert bin ich davon auch nicht.
<html xmlns="http://www.w3.org/1999/xhtml">
keinen DOCTYPE? Damit wird deine Seite im Quirksmode dargestellt, was sicher nicht wünschenswert ist.
doch aber hier:
... <head> ... <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> ... </head> ...MfG
-
<html xmlns="http://www.w3.org/1999/xhtml">
keinen DOCTYPE? Damit wird deine Seite im Quirksmode dargestellt, was sicher nicht wünschenswert ist.
doch aber hier:
[code lang=html]
...
<head>
...
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
...
</head>Das ist kein DOCTYPE.
Struppi.
-
-
Ahoi Daniel,
<html xmlns="http://www.w3.org/1999/xhtml">
keinen DOCTYPE? Damit wird deine Seite im Quirksmode dargestellt, was sicher nicht wünschenswert ist.
doch aber hier:
Stimmt ja garnid *ggg* in zeile 1 steht natürlich:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Die seite ist laut W3C Validator sowohl XHTML als auch CSS valide.
MfG
PS: Der Safari Public 3 versteht genausoviel spass wie der opera :D
-
Die seite ist laut W3C Validator sowohl XHTML als auch CSS valide.
OK, das erklärt aber immer noch nicht, warum du die Elemente unbedingt positionieren musst.
Struppi.
-
-
-
-
Ahoi @ll,
der Opera macht es sehr amüsant.
Fensterbreite = X
Darstellung korrektFensterbreite = X+-1px
Darstellung inkorrekt (oben&unten stehn 1px über)Fensterbreite = X+-2px
Darstellung korrektFensterbreite = X+-3px
Darstellung inkorrekt (oben&unten stehn 1px über)...
MfG
-
Ahoi @ll,
das liegt bzw. lag wohl daran das beim background center eine andere breite genommen wir als beim zentrieren der Div-Elemente. hab nun um die 3 nochn div gemacht für den hintergrund und den bei body rausgemacht, jetzt klappts.
MfG