HotSpot
Threadersteller
Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 27.07.2004 19:05
Titel [CSS] Lücke zwischen 2 DIVs im IE |
|
|
Ich habe ein Problem mit dem IE, der macht Sachen die er nicht soll und ich weiss nicht was ich falsch mache.
Da wo der Pfeil zeigt sollte eigentlich das DIV geschlossen sein und an Box 3 anschliessen?
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Seite 01</title>
<style type="text/css">
body {
margin: 0px;
background-image: url("file:///D:/Grafik/Kice/img/bg.gif");
background-repeat: repeat-x;
font-family: Arial, Verdana, Tahoma;
color: #000000;
}
#box1 {
background-color: #FFFFFF;
margin: 0px;
padding: 40px 0px 0px 10px;
width: 492px;
height: 90px;
float:left;
}
#box2 {
background-color: #FFFFFF;
margin-left: 502px;
padding: 0px;
height: 130px;
width: auto;
}
#box3 {
background-color: #FFCC00;
margin: 0px;
padding-left: 1px;
width: 501px;
height: 130px;
float:left;
}
#box4 {
background-color: green;
margin-left: 502px;
padding-left: 0px;
height: 130px;
width: auto;
}
#box5 {
background-color: #FFCC00;
margin: 0px;
padding-left: 1px;
width: 501px;
float:left;
}
#box6 {
background-color: green;
margin-left: 502px;
padding-left: 0px;
width: auto;
}
#box7 {
background-color: #004887;
font-size: 1px;
margin-top: 10px;
height: 2px;
width: 100%;
}
#box8 {
font-family: Arial,Verdana,Tahoma;
color: #004887;
font-size: 12px;
line-height: 20px;
width: 100%;
}
</style>
</head>
<body style="text-align:center;">
<div style="width:750px;margin:0px auto;text-align:left;">
<div id="box1"><img src="file:///D:/Grafik/Kice/img/logo.gif"></div>
<div id="box2"><img src="file:///D:/Grafik/Kice/img/sitemap.gif"></div>
<div id="box3">Box 3</div>
<div id="box4">Box 4</div>
<div id="box5">x<BR>x<BR>x<BR></div>
<div id="box6">x<BR>x<BR>x<BR>x<BR>x<BR></div>
<div id="box7"> </div>
<div id="box8">Navi</div>
</div>
</body>
</html> |
Ich bin langsam am verzweifeln, denn das muss 130px hoch sein. Wenn ich es auf "height: auto;" stelle ist diese Lücke weg.
Wo liegt bei da der Fehler?
Zuletzt bearbeitet von HotSpot am Di 27.07.2004 19:12, insgesamt 1-mal bearbeitet
|
|
JamesdK
Dabei seit: 28.04.2003
Ort: Leverkusen
Alter: 46
Geschlecht:
|
Verfasst Mi 28.07.2004 07:52
Titel
|
|
|
Morgen!
Du scheinst auf einen Bug im IE gestossen zu sein, nämlich den 3-Pixel-Gap.
Schau mal hier: Link, mehr dazu findest du auch über Google, wenn du nach "3 pixel gap IE" suchst. Aber der Link oben sollte dir eigentlich schon weiterhelfen.
|
|