mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 00:22 Benutzername: Passwort: Auto-Login

Thema: [CSS] Lücke zwischen 2 DIVs im IE vom 27.07.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Lücke zwischen 2 DIVs im IE
Autor Nachricht
HotSpot
Threadersteller

Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 27.07.2004 19:05
Titel

[CSS] Lücke zwischen 2 DIVs im IE

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</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? Hmm...?!


Zuletzt bearbeitet von HotSpot am Di 27.07.2004 19:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
JamesdK

Dabei seit: 28.04.2003
Ort: Leverkusen
Alter: 46
Geschlecht: Männlich
Verfasst Mi 28.07.2004 07:52
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen internet explorer, lücke zwischen divs?!
[CSS-Design] Lücke zwischen 2 DIVS trotz float:left
Lücke in Tabelle
[CSS] ol mit Friefox und IE -> blöde Lücke!
Lücke bei Flyout Menü im ie7... -.-
Gefahr durch offene PHP-Lücke
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.