Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]float problem na mozilli i chrome
Forum PHP.pl > Forum > Przedszkole
jacobson
Witam mam pewien problem z elementami plywajacymi. Otoz mam 3 elementy ustawione obok siebie.


  1. .element1{
  2. margin: 5px 5px 0 0;
  3. clear:left;
  4. float:left;
  5. }
  6. .element2{
  7. margin: 10px 0 0 0;
  8. float:left;
  9. font-family: verdana;
  10. font-size: 11px;
  11. width: 500px;
  12. height: 20px;
  13. }
  14.  
  15. .element3{
  16. margin: 10px 0 0 0;
  17. float:left;
  18. font-family: verdana;
  19. font-size: 11px;
  20. width: 480px;
  21. height: 20px;
  22. }


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
Cytat(jacobson @ 7.12.2011, 18:17:56 ) *
Strony wygladaja prawidlowo na operze i (o dziwo) na IE

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

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

  1. overflow: hidden;
  2. height: 100%;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.