webForumDet fria alternativet

Problem med bredd på divvar

2 svar · 223 visningar · startad av K@llen

K@llenMedlem sedan mars 20032 667 inlägg
#1

Hej,

Jag har en container som en div. I denna har jag ytterliggare två divar, en float left och en float right. Alltså som två spalter. Dessa spalter fylls med text från en databas. Kod:

#container {
    width:650px; 
    min-height:100%;  
    background-color: #fff;
    margin:0 auto;  
    text-align: left; 
    border-left:1px solid #ED9B4F;
    border-right:1px solid #ED9B4F;
}

#sidebar {
    width:210px; 
   float:right;
   margin-right: 10px;
}

#main {
    width:430px; 
    margin-left:10px;
}

I FF blir allt bra, likaså i Safari, men i IE blir main för bred och spalerna hoppar beroende på innehållet.

Går detta att fixa på något sätt?
Vad bör man tänka på för att få spalterna fixerad och snygga?

InsiderMedlem sedan jan. 2000978 inlägg
#2

Det är väl IE som räknar fel på boxmodellen; alltså att felaktigt räkna in border i width. Det ger dig 2 pixlar mindre att leka med. Minska bredden på #main till 428px.

K@llenMedlem sedan mars 20032 667 inlägg
#3

Gött Insider. :D

Jag höll på att slita mitt hår där ett tag. :(

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)