Permalänk
Medlem

[CSS] Width-problem

Jo, jag håller på och gör en sida XHTML 1.0 Strict då jag jämför den i IE och FF så blir mina "content" boxar en pixel för liten i IE men bra i FF, finns det någon lösning på detta? Eller måste jag ta till en fullösning?

css'n:

#orangeTop { background: #fff url('images/img_bg/orange-bar.jpg'); color: #000; width: 435px; height: 32px; margin-left: -3px; margin-top: -1px; font-family: "Verdana", Helvetica, sans-serif; font-size: 12px; font-weight: bold; float: left; } #contentBox { background: #eee; color: #000; border-left: 1px solid #7C7C7C; border-right: 1px solid #7C7C7C; border-bottom: 1px solid #7C7C7C; width: 418px; margin-left: 3px; }

html:

<div id="right"> <div id="orangeTop"> <h3>Kategorier</h3> </div> <div id="contentBox"> Text goes here! </div> </div>

Någon som vet? Tack på förhand!

Permalänk

det blir nog en "fullösning" om du kallar det så..
lägg detta i head och skriv den specifika IE-koden i den css-filen

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IE.css" />
<![endif]-->

Visa signatur

-Jag har visst vart ute idag.
-Vart då?
-Ne, jag öppnade fönstret förut...
www.iampear.com Hakona Matata!

Permalänk
Medlem

Jag löste det

Jag bytte till:

margin-left: 3px;

Till:

margin: 0 0 0 3px;

då blev de lika stora.