Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: min-height w IE
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
.radex
Jak zastąpić min-height w IE?
Cezar708
zastąp height pod IE (jak będzie potrzeba szerszego to ie rozszerzy) lub użyj jakiegoś skryptu CSS, Nie wiem czy to Ci pomoże, bo nie znam do końca Twojego kontekstu
Jarod
http://mezzoblue.com/archives/2004/09/16/m...ight_/index.php
http://www.dustindiaz.com/min-height-fast-hack/

  1. #content {
  2. min-height:600px;
  3. }
  4.  
  5. * html #content {
  6. height:600px;
  7. }
.radex
Żaden sposób nie działa :/ div nie rozciąga się...
Jarod
Pokaż kod
.radex
fragment kodu layoutu strony (bez <html> itd.):
  1. <div id="container">
  2. <div id="header">
  3. <div id="headbar"></div>
  4. <h1></h1>
  5. </div>
  6. <div id="topmenu">
  7. <ul>
  8. </ul>
  9. </div>
  10. <div id="mainmenu">
  11. <div class="mainmenu_header">Menu</div><div class="mainmenu_content"><ul>
  12. </ul>
  13. </div>
  14. </div>
  15.  
  16. <div id="contentblock">
  17.  
  18. </div>
  19. <div id="footer"></div>
  20. </div>

Chodzi o #contentblock.
Mati7
Jest taki behavior do IE na dole jest link do pobranie i jakiś przykład
Wystarczy w head dodać

  1. <script type="text/javascript" src="minmax.js"></script>


i div powinien się rozszerzać (sprawa dotyczy tylko IE6 w IE7 min-height już działą)
.radex
Eee no trochę to spore, ale jak kto używa IE, to jego problem (tak, wiem, że jednak powinienem uszanować to, no ale cóż, ważne żeby działało) biggrin.gif

EDIT:

Działa!
Mati7
Spore? 4,4kB to raczej nie wiele... zawsze możesz zrezygnować z min-height, kiedyś tego nie było a ludzie jakoś sobie radzili biggrin.gif
.radex
nie da sie, bo to jest potrzebne do layoutu, ktory sie bez tego rozsypuje. Po za tym skompresowałem za pomocą Javascript Packer i teraz zajmuje nieduzo ponad 2kB
Toadstyle
Mozesz sprobowac wstawic tam cos i ustawic dopełnienia.Mozesz tez probowac height:wartosc (bez min-) ie sproboje to tak potraktowac ale i tak mu sie nie uda wiec to moze zadziałac snitch.gif

#contentblock {height:600px;}
html > body #contentblock{min-height:600px;}

dla przykładu - ie potraktuje to jako min-height mimo ze odczyta height reszta przegladarek uzyje odrazu wartosci min height
Nanaki_PL
Sorki za odgrzewanie biggrin.gif ale znalazłem kiedyś prosty sposób na to:

  1. #div {
  2. min-height: 300px;
  3. height: auto !important;
  4. height: 300px;
  5. }


Opera 9.2 - Works
FF 2 - Works
IE 6 - Works
IE 7 - niemiałem okazji sprawdzić

Przyda sie dla potomnych, jeśli któryś poszuka tongue.gif
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.