Autor Zpráva
MrKolouch
Profil
Zdravim,
vím, že už to tady asi bylo,ale nějak jsem to tady nedohledal.
Mám tři sloupce vedle sebe(levé menu,střed a pravé menu)

parametry:

#celek{
width: 900px;
height: 1200px;
}
#leve_menu{
float: left;
width: 150px;
height: 100%;
}
#stred_a_ prave_menu{
width: 750px;
height: 100%;
float: right;
m
#stred {
width: 600px;
height: 100%;
float: left;
}
#prave_menu{
width: 150px;
float: right;
height: 100%;
}

html:
...
<div id="celek">
<div id="leve_menu">
</div>
<div id="stred_a_ prave_menu">
<div id="stred">
</div>
<div id="prave_menu">
</div>
</div>
...

Přidám-li třeba k levému menu rámeček border: 1px solid black tak se mi celé sloupce rozházej.Levý sloupec bude mít v Opeře,Mozille width: 152px=čili se mi sloupce rozhážou a v IE jen těch 150px.
Lze to vyřešit i jiným způsobe než nastavenými vlastnostmy pro IE?
předem děkuji
Trejpa
Profil
MrKolouch
Do stylu přidej:
* { box-sizing: border-box; -moz-box-sizing: border-box; }
MrKolouch
Profil
Trejpa
díky,něco takového jsem potřeboval

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: