Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: height: auto nie dziala pod FF, a pod IE dziala
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
amar91
20.02.2009, 12:38:31
Witam!
Problem polega na tym, że #all powinno się powiększać zgodnie z ilością treści w nim zawartej.
I owszem, powiększa się ale nie pod FF, tylko pod IE.
Oto kod:
[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="head">head</div>
  3. <div id="all">
  4. <div id="menu">menu</div>
  5. <div id="container">
  6. <div id="mattet">tresc<br />tresc<br />tresc<br />tresc<br /></div>
  7. </div>
  8. </div>
  9. <div id="footer">footer</div>
  10. </body>
[HTML] pobierz, plaintext


i jeszcze CSS:

[HTML] pobierz, plaintext 
  1. body {
  2. background-color: #6b6c5e;
  3. margin:0px;
  4. padding:0px; 
  5. font: normal 12px Tahoma;
  6. }
  7. #head {
  8. width: 980px;
  9. height: 150px;
  10. border: 1px solid white;
  11. margin: 0 auto;
  12. }
  13. #all {
  14. width: 980px;
  15. height: auto;
  16. border: 1px solid yellow;
  17. margin: 0 auto;
  18. }
  19. #container {
  20. width: 780px;
  21. height: auto;
  22. border: 1px solid red;
  23. float: right;
  24. }
  25. #menu {
  26. width: 100px;
  27. height: 300px;
  28. border: 1px solid blue;
  29. float: left;
  30. }
  31. #footer {
  32. width: 980px;
  33. height: 50px;
  34. border: 1px solid #CC00FF;
  35. margin: 0 auto;
  36. }
[HTML] pobierz, plaintext


Proszę o pomoc!
piotrooo89
20.02.2009, 12:48:31
dla Fx min-height a hack dla IE http://kurs.browsehappy.pl/Bugi/MinWidth
mls
20.02.2009, 15:01:22
A po co tam to height: auto? Zamień na overflow: hidden i będzie po kłopocie...
amar91
20.02.2009, 20:52:00
Ok, wielkie dzięki, teraz tylko zrobię odpowiednie hacki pod IE i będzie smigać smile.gif
mls
21.02.2009, 21:38:03
Zakładam, że ta odpowiedź nie dotyczyła mojego rozwiązania. Bo overflow: hidden bynajmniej nie jest żadnym hackiem dla IE tylko prawidłowym zapisem dla wszystkich przeglądarek.
piotrooo89
21.02.2009, 21:41:29
Cytat(mls @ 21.02.2009, 21:38:03 ) *
Bo overflow: hidden bynajmniej nie jest żadnym hackiem dla IE tylko prawidłowym zapisem dla wszystkich przeglądarek.


no ja też się za bardzo tym hackiem wyrwałem, jest to po prostu ominięcie braku obsługi min-height w IE.
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.