Loch im Layout...

[Manu]

Guten abend zusammen,

ich stelle hier gerade ein Table-Layout um und habe im IE eine ca. 3px Breite Zeile zwischen meiner Navi und meinem Content-Bereich. Hat jemand vielleicht einen Ansatz für mich - ich suche schon den halben Tag :o/

HTML:
<div id="outer">
 <div id="inner">
  <div id="header">
  </div>
  <div id="banner">
   <a href="index.html" title="Startseite"><img src="title.gif" alt="Startseite" id="title" /></a><br />
  </div>
  <div id="mainnavi">
   <ul><li><a href="start.html"><img src="start.gif" alt="" /></a></li><li><a href="ende.html"><img src="ende.gif" alt="" /></a></li></ul>
  </div>
  <div id="content">
  </div>
 </div>
</div>

CSS:
div#mainnavi {
  width:750px;
  height:25px;
  padding:0;
  margin:0;
  background:transparent url(../gfx/layout/b_navi2.jpg) no-repeat top right;
  text-align:left;
 }
 div#mainnavi ul {
  margin:0;
  padding:0;
  list-style:none;
 }
 div#mainnavi li {
  margin:0;
  padding:0;
  display:inline;
 }

Noch einen schönen Sonntag!
Manu

[Manu]

Ach, ich vergaß: im FF ist alles soweit ok... :(

[David]

3-Pixel-Bug:

http://www.yaml.de/de/dokumentation/css-bausteine/anpassungen-fuer-den-ie/strukturabhaengige-anpassungen.html

Gruss
David

[Manu]

Hallo David,

Danke für Deine Antwort...Allerdings bin ich mir nicht sicher, ob dies wirklich der 3-Pixel-Bug ist - er tritt auch im IE7 auf, was ja dort gefixt sein sollte...(?) Aber ich werd mal weitergooglen...

Hätt ich gewußt, was das für ein Aufwand ist...:(((

[David]

Auf der Seite sind auch viele andere Bugs vom IE gelistet.
Das Googlen kannst Du Dir da wahrscheinlich sparen,  wenn Du alle Bugs durchgehst.

[Manu]

Dank Dir für den Link...
Hab das Prob allerdings temporär gelöst (bin mir immer noch nicht sicher, ob es wirklich der 3px bug ist...) - siehe anderes posting in diesem thread...

Gruß,
Manu

[Patrick Andrieu]

Hallo Manu!

Danke für Deine Antwort...Allerdings bin ich mir nicht sicher, ob dies wirklich der 3-Pixel-Bug ist - er tritt auch im IE7 auf, was ja dort gefixt sein sollte...

Hm, hatte schon eine Seite geladen, die beim IE7 ein peekaboo-ähnliches Verhalten zeigte, im IE 6 lief sie dagegen problemlos...

Viele Grüße aus Frankfurt/Main,
Patrick

[Manu]

Nabend ;)
Aua, naja, hab langsam den Eindruck, dass sich IE6 und 7 doch noch recht ähnlich sind, was Verbuggtheit betrifft ;)

Habs jetzt erstmal so gelöst:

margin: 0 !important; margin: -3px 0 0 0;

Viele Grüße,
Manu

[Der Martin]

Hallo,

Danke für Deine Antwort...Allerdings bin ich mir nicht sicher, ob dies wirklich der 3-Pixel-Bug ist - er tritt auch im IE7 auf, was ja dort gefixt sein sollte...

naja, das kann man glauben oder auch nicht.

Hm, hatte schon eine Seite geladen, die beim IE7 ein peekaboo-ähnliches Verhalten zeigte, im IE 6 lief sie dagegen problemlos...

Vielleicht ist es hier ähnlich wie beim Übergang von 5.5 auf 6.0, wo ja auch bedeutend mehr neue Bugs dazukamen, als eigentlich korrigiert wurden.
Wirklich korrigiert wurde ja IIRC beim IE6 nur der Box Model Bug, den ich nach wie vor nicht für einen Bug des IE, sondern für einen Bug der Spezifikation halte (wenn ich Maße angebe, meine ich normalerweise die Maße über alles, nicht nur den Nutzbereich). ;-)

So long,
 Martin

[Manu]

Morgen...

Allerdings bin ich mir nicht sicher, ob dies wirklich der 3-Pixel-Bug ist - er tritt auch im IE7 auf, was ja dort gefixt sein sollte...

naja, das kann man glauben oder auch nicht.

Naja, was ich bisher über den 3px bug gelesen habe betrifft 1. floatende Elemente (habe ich so nicht in meinem Layout an der Stelle) und tritt in Elementen auf, die nebeneinander stehen. Mein "3-Pixel-Bug" ist aber eine 3px hohe Zeile unter dem Navi-Div. Nehme ich die Navi (also die unordered list) raus, klappt wieder alles...

Vielleicht ists ja der 3-Pixel-Bug in anderer Erscheinungsform, habe darüber aber bisher noch nichts gefunden...

Gruß,
Manu

[MudGuard]

Hi,

Naja, was ich bisher über den 3px bug gelesen habe betrifft 1. floatende Elemente (habe ich so nicht in meinem Layout an der Stelle) und tritt in Elementen auf, die nebeneinander stehen. Mein "3-Pixel-Bug" ist aber eine 3px hohe Zeile unter dem Navi-Div.

Platz für die Unterlängen von Zeichen?

cu,
Andreas