[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

[croc]

Strony wygladaja prawidlowo na operze i (o dziwo) na IE

Tak jak byś chciał nie zawsze równa się prawidłowo

Podaj więcej informacji, może podaj adres tej strony? Używanie clear odradzam.

[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

[croc]

Usuń właściwość clear i zamiast niej zamknij te elementy w <div>, który ma na przykład takie style:

[CSS] pobierz, plaintext 
overflow: hidden;
height: 100%;
[CSS] pobierz, plaintext