[CSS] problem z min-height

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
jager
Posty: 14
Rejestracja: pn paź 04, 2004 6:15 pm
Lokalizacja: Łódź
Kontakt:

[CSS] problem z min-height

Post autor: jager »

Mam stronkę, która poprawnie się wyświetla w Firefoxie i Mozzili, jak stosuję min-height, którego notabene nie akceptuje IE. Natomiast jak stosuje do danego elementu atrybut height to znowu w IE jest ok, natomiast w FF i M jest żle.

Czy zna ktoś jakieś wyjście z tej sytuacji?

Z góry dzięki za odp,.
mw
Nowy
Nowy
Posty: 29
Rejestracja: ndz kwie 25, 2004 7:50 pm
Lokalizacja: Szczecin

Re: [CSS] problem z min-height

Post autor: mw »

IE nieprawidłowo interpretuje height i w ogóle nie interpretuje min-height. Oczywiście są na to sposoby :-)), możesz użyć na przykład takiego hacka:

Kod: Zaznacz cały

 height: auto !important;
 height: 200px;           
 min-height: 200px;   
pzdr.
Malin
Nowy
Nowy
Posty: 128
Rejestracja: czw wrz 04, 2003 11:20 am
Lokalizacja: Tychy

Re: [CSS] problem z min-height

Post autor: Malin »

Do czegoś takiego w css możesz zastosować hacka, np normalne przeglądarki nie zrozumieją zapisu

Kod: Zaznacz cały

* html div {height:100%;}
a zrozumie go IE. Więc dla normalnych przeglądarek możesz zastosować min-height, a potem dla IE ustalić height.
Więcej hacków i kilka przydatnych linków znajdziesz tutaj:
http://centricle.com/ref/css/filters/
jager
Posty: 14
Rejestracja: pn paź 04, 2004 6:15 pm
Lokalizacja: Łódź
Kontakt:

Re: [CSS] problem z min-height

Post autor: jager »

Dzięki za pomoc.

Wasza podpowiedź była bezbłędna.

Mam jeszcze tylko jedno pytanko. Jak mogę zlikwidować zbyt duży prawy margines?
Czym to jest spowodowane?

Dzięki.

Pozdrawiam. ;)
Malin
Nowy
Nowy
Posty: 128
Rejestracja: czw wrz 04, 2003 11:20 am
Lokalizacja: Tychy

Re: [CSS] problem z min-height

Post autor: Malin »

spbóruj wyzerować margin i padding dla body:

Kod: Zaznacz cały

body {
margin:0;
padding:0;
}
a potem ustawiać go dla odpowiednich kontenerów.
ODPOWIEDZ