Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]float problem na mozilli i chrome
jacobson
post
Post #1





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

Ostrzeżenie: (0%)
-----


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

Go to the top of the page
+Quote Post
croc
post
Post #2





Grupa: Zarejestrowani
Postów: 706
Pomógł: 108
Dołączył: 12.03.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
jacobson
post
Post #3





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
croc
post
Post #4





Grupa: Zarejestrowani
Postów: 706
Pomógł: 108
Dołączył: 12.03.2010

Ostrzeżenie: (0%)
-----


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%;
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 20:41