IE6 min-height dylemat

Question

Oto moja strona: http://smartpeopletalkfast.co.uk/ppp/home-page.html

Chcę formy wejściowe być taka sama wysokość jak przyciski na prawo. Zrobiłem to z wartością minimalnej wysokości, aby strona była nadal użyteczna, gdyby rozmiar tekstu był większy niż ta wysokość.

Problem polega na tym, że IE6 nie rozpoznaje minimalnej wysokości. Mogę ustawić stałą wysokość, ale obawiam się, że użytkownicy zmieniają tekst poza to. Ponieważ jest to tylko kosmetyczny problem, mam ochotę po prostu to zostawić.

Wszelkie sugestie? Dzięki

Answer 1

Jeśli problem jest rzeczywiście tylko coraz min-height działa w IE6, użyj Min-Height Fast Hack:

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
} 

To już od dłuższego czasu, więc jest łatwo rozpoznawalny dla każdego konserwacji CSS w przyszłości.

Answer 2

Dzięki za twój post trzydzieścidot. Widziałem to rozwiązanie, ale nie działało to dla mnie, ustawiło stałą wysokość, a nie minimalną.

Zrobiłem to za pomocą poniższego rozwiązania i załadowałem CSS dla IE6 tylko na dobry środek. To działa na ive przetestowane go na komputer, mam tylko nadzieję, że to działa na wszystkich komputerach IE6:

http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

Dzięki

Answer 3

Pozwól mi zaoferować inne podejście. To jest twój cel, jak stwierdzono:

Chcę, aby formularze wejściowe miały taką samą wysokość jak przyciski po ich prawej stronie.

Plus, nie jest to warunek pozwala na zmianę rozmiaru tekstu, jak stwierdzono:

nadal być użyteczny, jeśli rozmiar tekstu był zestaw do powyżej tej wysokości

Wiedząc, że moją sugestią jest oparcie wysokości na EM. Użyj EM do zdefiniowania wysokości kontenera wejścia i przycisku, a następnie ustaw wysokość wejścia i przycisku na 100%. W ten sposób, gdy użytkownik resetuje swój rozmiar czcionki (od najmniejszego do największego), pojemnik będzie się powiększał i zmniejszał, a przycisk wejścia/przycisku będzie się powiększał i zmniejszał wraz z nimi.

Mam wyśmiewali się prosty przykład pod następującym adresem URL: http://jsbin.com/oguze5/2/edit

miejsca będą musiały być zmienione dla celów stylizacji, ale ogólna idea/koncepcja jest dość dźwięku.

Answer 4

W Internet Explorer 6, height jest traktowany jako min-height, a min-height nie jest obsługiwany.

Możesz więc napisać regułę, która będzie dotyczyła tylko IE6, aby to naprawić.Załóżmy, że masz następujące elementy:

#navigation .nav-menu-item { 
    min-height:50px; 
} 

W celu uzyskania tego samego efektu w IE6 można dodać drugą regułę, która będzie używał tylko IE6. I mają tendencję do używania the star HTML hack:

#navigation .nav-menu-item { 
    min-height:50px; 
} 
* html #navigation .nav-menu-item { /* for IE6 */ 
    height:50px; 
} 

Możesz przeczytać więcej here.