Margin tolkas olika i FF och IE

4 svar · 320 visningar · startad av oskob 18 dec. 2005

oskobMedlem sedan maj 20021 558 inlägg

Trådstart18 dec. 2005 03:16#1

Hej!

Sitter med en liten hemsida och sliter mig i håret över ett irriterande problem.

Här är koden:

<div style="width:200px; float: left">hej</div>
<div style="margin-left: 20px;">då</div>

I IE så lägger sig div #2 med texten "då" 20 px ifrån den vänstra diven som jag hade tänkt. Men i FF måste man skriva in antalet pixlar till sidans kant. Det blir alltså rätt om man skriver 220px i FF.
Går det att lösa på något annat sätt?

Tack på förhand!

oskobMedlem sedan maj 20021 558 inlägg

18 dec. 2005 03:52#2

Äh...
Löste det med position: absolute istället.

zcorpanMedlem sedan dec. 20042 245 inlägg

18 dec. 2005 10:20#3

Marginalen ska räknas "genom" den flytande boxen. Du kan använda margin-right på "hej" istället, eller padding-left på "då".

oskobMedlem sedan maj 20021 558 inlägg

18 dec. 2005 11:22#4

Jag fick samma resultat med padding konstigt nog.

zcorpanMedlem sedan dec. 20042 245 inlägg

18 dec. 2005 11:43#5

Oj, i så fall har jag missuppfattat hur padding funkar i samband med floats... Jag tar tillbaka

eller padding-left på "då"

:bire