[CSS]float problem na mozilli i chrome Opcje

[jacobson]

Witam mam pewien problem z elementami plywajacymi. Otoz mam 3 elementy ustawione obok siebie.

[PHP] pobierz, plaintext 
.element1{
margin: 5px 5px 0 0;
clear:left;
float:left;
}
.element2{
margin: 10px 0 0 0;
float:left;
font-family: verdana;
font-size: 11px;
width: 500px;
height: 20px;
}
 
.element3{
margin: 10px 0 0 0;
float:left;
font-family: verdana;
font-size: 11px;
width: 480px;
height: 20px;
}
[PHP] pobierz, plaintext 

Strony wygladaja prawidlowo na operze i (o dziwo) na IE, czyli sa obok siebie. Natomiast na chrome i na ff pierwsze dwa sa obok siebie a trzeci zachowuje sie tak jakby mial parametr clear:left; ... czy ktos moze wie w czym moze byc problem ?
pozdrawiam

[jacobson]

to na localhoscie ... a czemu bys odradzal ? a jaki jest lepszy sposob pozycjonowania elementow na stronie ?

a i nie wiem jakie jeszzcze informacje ... to sa elementy

<input type="submit" value="x" class="element1">
<a href="link" class="element2">link</a>
<span class="element3">element3</span>

Ten post edytował jacobson 7.12.2011, 18:38:46