IE 3px bug wie fixen?

[botl1k3]

Guten morgen!

ich habe jetzt zum ersten mal den 3px bug im IE 5.5 + 6.0..
ich suche schon seit einer Stunde nach einem fix, finde aber keinen :(

hier mal ein simpler Code der den Bug hervor ruft:

<a style="background-color: #0ff; float: left; display: block; width: auto; height: 20px">Druck</a>  
<a id="floated" style="display: block; width: auto; height: 20px">99,99</a>

Hier einer meiner Versuche in CSS, den ich im prinzip überall nur so finden kann:

* html #floated {  
  margin-left: -3px;  
  background-color: #f00;  
}

die background-color habe ich nur gesetzt um zu sehen ob die id überhaupt Wirkung zeigt, was sie auch tut..

Danke schonmal für eure Hilfe.

Greetz

[Matze]

Hallo,

ich habe jetzt zum ersten mal den 3px bug im IE 5.5 + 6.0..
ich suche schon seit einer Stunde nach einem fix, finde aber keinen :(

warst du denn auch schon im Archiv?
Ansonsten findest du über Google einige Seiten mit Hacks/Workarounds.
Da kann ich dir nicht ganz glauben, dass du seit einer Stunde suchst.

Grüße, Matze

[botl1k3]

Hi,

warst du denn auch schon im Archiv?
Ansonsten findest du über Google einige Seiten mit Hacks/Workarounds.
Da kann ich dir nicht ganz glauben, dass du seit einer Stunde suchst.

Ich war im Archiv, den Link der zur Lösung gebracht hat kannte ich auch schon... das ist ja genau mein Beispiel.. funktioniert aber nicht...
und google habe ich wie gesagt auch schion benutzt :(

greetz

[Engin]

Hi botl1k3,

<a style="background-color: #0ff; float: left; display: block; width: auto; height: 20px">Druck</a>

<a id="floated" style="display: block; width: auto; height: 20px">99,99</a>

  
  

> ~~~css

* html #floated {  

>   margin-left: -3px;  
>   background-color: #f00;  
> }

Erstmal solltest du dich in die  Browserweichen
einlesen, dann noch etwas über Spezifität - Gewichtung der Selektoren wissen.

Grüße,
Engin
 GYRO

[botl1k3]

Hi,

Erstmal solltest du dich in die  Browserweichen
einlesen, dann noch etwas über Spezifität - Gewichtung der Selektoren wissen.

Das obere kannte ich schon. Ich habe es ja auch genauso angewandt, bringt aber nix..
Und wegen der gewichtung der Selektoren: Ich denke mal, da ich hier sowieso nur eine ID habe, spielt es keine Rolle...

Wenn du es mir ja an diesem Beispiel zeigen könntest wie es richtig geht wäre ich zufrieden :)

greetz

[Engin]

Hi botl1k3,

Wenn du es mir ja an diesem Beispiel zeigen könntest wie es richtig geht wäre ich zufrieden :)

Sorry, hatte deine frage nicht richtig verstanden, Negative margin Werte sollte dich weiterbringen.

Spätestens aber der Suchbegriff in einer Maschine deiner Wahl, ich hab den erst besten rausgepickt.

Grüße,
Engin
 GYRO

[botl1k3]

Hi,

Sorry, hatte deine frage nicht richtig verstanden, Negative margin Werte sollte dich weiterbringen.

das habe ich in meinem Beispiel schon angewandt. Ich habe herrausgefunden warum es trotzdem nicht funktioniert hat:
Die Elemente brauchen eine feste Breite.. das ist für meinen Anwendungsfall leider sehr schlecht :(

greetz

[Struppi]

hier mal ein simpler Code der den Bug hervor ruft:

<a style="background-color: #0ff; float: left; display: block; width: auto; height: 20px">Druck</a>

<a id="floated" style="display: block; width: auto; height: 20px">99,99</a>

  
Wenn du die Höhenangabe rauschmeißt geht es im IE 6.  
oder dem floatendem Element margin-right:-3px  
  
Struppi.