Innenabstand problem? im IE6
Andreas Ettmar
- css
Hallo zusammen,
habe ein Problem mit einem seltsamerweise auftretenden Padding im IE6.
Es geht um folgende Seite:
http://www.l-u-k.de/produktion
Wie ihr seht wird der obere Absatz des eigentlichen Textes stärker eingerückt als der untere.
Die linke Spalte ist ein links floatendes div. Das rechte div hat ein padding von 10px. Das p Element hat gar kein padding. Trotzdem wird der Text in dem Bereich (Höhe) in dem sich in der linken Spalte ein Text bzw. Link befindet stärker eingerückt. Habe testweise dem p eine andere Hintergrundfarbe gegeben. Das p Element wird korrekt ausgerichtet, nur erscheint in diesem Bereich plötzlich ein padding (bzw. padding-left).
Das Phänomen tritt wie gesagt nur im IE6 auf. FF, Opera, Safari... alles OK.
Ist ein bisschen konfus zu erklären, deshalb hier ein Auszug aus der css:
* {
margin:0;
padding:0;
}
p {
line-height:1.4em;
margin-top:10px;
margin-bottom:10px;
}
#linkespalte {
width:160px;
float:left;
padding-top:10px;
}
#inhalt {
margin-left:160px;
padding:10px;
}
Wie gesagt das p wird auch noch korrekt ausgerichtet, aber im oberen Bereich erscheint plötzlich ein Innenabstand.
Hoffe ihr könnt mir helfen. Wäre wirklich sehr dankbar.
Viele Grüße
Andreas
Hi!
Dein Problem nennt sich 3 Pixel Bug. Da wirst du so leicht nichts dran aendern koennen. du kannst nur dem rechten Element auch 'Layout' geben. Dann wird das ganze Element um 3 Pixel verschoben nicht nur der Text im Element.
Mehr Informationen findest Du z.B. Thread 'Variante des 3 Pixel-Bugs im IE' von gestern.
Viel Erfolg mit dem IE.
Mann, mann...
hier nochmal der richtige Link:
https://forum.selfhtml.org/?t=158400&m=1029908
Irgendwas stimmt hier grad nicht. Deine URL noch im Browserfenster mit dem Thread, andere Browserfenster verschwinden... Sorry.
Mann, mann...
hier nochmal der richtige Link:
https://forum.selfhtml.org/?t=158400&m=1029908
Irgendwas stimmt hier grad nicht. Deine URL noch im Browserfenster mit dem Thread, andere Browserfenster verschwinden... Sorry.
Hallo Steel,
DANKE, genau so gehts. Dem rechten div noch ne Breite mitgegeben und schon ist der Effekt weg.
Vielen Dank
Grüße
Andreas
DANKE, genau so gehts. Dem rechten div noch ne Breite mitgegeben und schon ist der Effekt weg.
Naja... Vergiss nicht: trotzdem hast du 3 Pixel mehr Abstand. Das kann unter Umstaenden deine Seite durcheinanderbringen. Ein IE Hack mit dem du den Spass um 3 Pixel nach links schiebst, oder eben nur dort die Breite festlegst waere vielleicht mal eine Ueberlegung wert.