webForumDet fria alternativet

Problem med bredd på divvar

HTML & CSS

2 svar · 223 visningar · startad av K@llen

Medlem sedan mars 20032 667 inlägg
Frågan#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?

Medlem 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.

Medlem sedan mars 20032 667 inlägg
#3

Gött Insider. :D

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

246 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
119 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)