nicht angemeldet
margin bei div im Firefox und IE
Gunnar Bittersmann
MudGuardHallo,
ich habe ein Problem bei der Darstellung meiner div's.
<div id="header">
</div>
</div>
<div id="box1">
</div>
<div id="box2">
</div>
Der CSS Code sieht folgendermaßen aus:
body {
margin: auto;
width: 1024px;
font-size: 13px;
font-family: "trebuchet ms", helvetica, sans-serif;
background-image: url('backg.jpg');
background-repeat:no-repeat;
background-color:#fff;
background-attachment:fixed;
padding:0px;
}
#header {
height: 104px;
padding: 10px;
background-color:#fff;
background: url('header.gif') repeat-x;
text-align: center;
}
#box1 {
text-align: left;
position: absolute;
height: 600px;
margin: 10px 00px 0px 0px;
background-color: #c5c5c5;
width: 200px;
opacity: .6;
filter: alpha(opacity=60);
}
#box2 {
margin: 10px 0px 0px 200px;
background-color: #c5c5c5;
width: 824px;
height: 600px;
overflow:auto;
}
Wenn es im Firefox betrachtet wird stimmt alles, aber sobald ich die Seite im Internet Explorer anschaue verschiebt sich die #box1 nach rechts mitten über/unter die #box2.
Weiß jemand dazu die Lösung? Komme da einfach nicht weiter.
Vielen Dank
mfg
-
@@joexx:
nuqneH
Weiß jemand dazu die Lösung?
Wegen unvollständiger Problembeschreibung: nein.
Komme da einfach nicht weiter.
Quirks-Modus?
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)-
Hallo,
danke für die schnelle Antwort.
Das "<!DOCTYPE html...." am Anfang der HTML-Datei dürfte doch keinen Quirks-Modus verursachen oder?Was habe ich bei der Problembeschreibung vergessen? Die komplette HTML-Datei sieht folgendermaßen aus falls das hilft:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head>
<link rel="stylesheet" type="text/css" href="meine_style.css" /><title>Titel</title>
</head>
<body>
<div id="header">
</div></div> <div id="box1"> <li> Eintrag1 </li> <li> Eintrag2 </li> <li> Eintrag3 </li> </div> <div id="box2"> <li> Beschreibung1 </li> </div></body>
</html>
</body>
</html>-
Hi,
<div id="box1">
<li> Eintrag1 </li>Reparier erst mal das HTML.
li-Elemente dürfen nur in Listen vorkommen.
</body>
</html>
</body>
</html>Das sieht auch seltsam aus.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
-
Das <li> ist schon richtig dort, weil ich da eine Liste haben will.
Die </body> und </html> am Schluss habe ich repariert.
Danke schonmal.-
Das <li> ist schon richtig dort, weil ich da eine Liste haben will.
Nein, ist es nicht. <li> ist Element von <ul> oder <ol>, nicht aber von <div>
http://de.selfhtml.org/html/referenz/elemente.htm#li@title=guck
Gruß vom foomaker
--
Ändere, was Du ändern kannst.
Akzeptiere, was Du nicht ändern kannst.
Lerne, das eine vom anderen zu unterscheiden. -
Hi,
Das <li> ist schon richtig dort,
Nein, ist es nicht.
weil ich da eine Liste haben will.
Dann hättest Du dort eine Liste (ul, ol, dl) gesetzt.
Aber laß es ruhig so -beschwer Dich dann aber auch nicht, wenn verschiedene Browser den kaputten HTML-Code unterschiedlich reparieren.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
-
-
-
-