[dlinder]

Inte för ovanligt, men icke desto mindre irriterande när IE och FF envisas med att tolk CSSer olika.

http://www.davidlinder.se

http://www.davidlinder.se/sketch.css

(lyckas verkligen inte få det till länkar, helt obegripligt med tanke på att jag använder URL-knappen)

I divven "container" ligger ju "sketch" med float left, "right" med float right och sist "text" utan float i mitten. "text" har padding 30px för att få lite marginal till textinnehållet. IE räknar denna padding från där de floatande divvarna till höger och vänster slutar, men FF verkar av någon anledning räkna den från "container"s kant, vilket resulterar i att marginalen till vänster försvinner bakom sketch-bilden.

Någon idé om hur fixa detta utan att det pajar i andra webbläsaren?



Den betydligt mindre viktiga och helt oberoende utslagsfrågan är: hur gör man så border-bottom i table-cellerna går ihop utan det lilla irriterande mellanrummet

[f_b]

En bra början är att se till att att man inte får felmeddelanden i W3Cs valideringsserivce, då ökar chanserna att olika webbläsare tolkar koden på samma sätt.

http://validator.w3.org/

[dlinder]

Bra länk! Men ja, den validerar där så det bör inte vara problemet.

[DeSoto]

Anledningen till att #text inte sätter sin marginal från #sketch, utan från container, är för att element som har float flyter ovanpå alla andra element. #text ska alltså inte bry sig om #sketch, men Internet Explorer tolkar det hela fel, så att den ändå gör det. Testa att sätta float på #text också, så får du rätt marginal.

Jag hade gjort:

<div id="left">
<!-- Här lägger du bilden till vänster som bakgrund -->
</div>

<div id="middle">
<!-- Här lägger du all text -->
</div>

<div id="right">
<!-- Här lägger du den lilla högerbilden -->
</div>

Och så floatar du dessa element left, så ska det fixa sig.

[dlinder]

DeSoto, du är en ängel! =)

Bytte till din metod och skippade "container" helt, och det gick ju alldeles utmärkt.

Tack för att du tog dig tid, det uppskattas!

[DeSoto]

Så lite så, vet själv hur det var när man slet håret av sig i början när man skulle få CSS att fungera i olika webbläsare.