Problemy z pozycjonowaniem elementów

w dziale Strony WWW w Operze
gemme napisał(a):

Witam

Pierwszy raz w mojej kulawej "karierze" webdeveloperskiej spotkałem się z sytuacją, kiedy strona prawidłowo wyświetlająca się w Firefoksie i IE6, miała błędy w Operze (testuję w wersji 8.51).

Strona to www.bud24.pl.

Błędy wykryłem jak na razie 2 - byłbym wdzięczny za wskazówki, jak je usunąć (tak by w IE i Firefoksie dalej wyświetlało się poprawnie) i uniknąć takich sytuacji w przyszłości. Z góry przepraszam za jakość kodu.

1. Formularz wyszukiwania po lewej (#szukaj) ma za małą wysokość.
2. Problem ujawnia się (choć nie zawsze), gdy wrzucimy coś do koszyka, i przejdziemy do zamawiania (czytania regulaminu). Gdy najedziemy na górne "menu", efekt jest taki jak na obrazku.
Podejrzewam że winna może być reguła w CSS:

#lsklep,
#ldlaczego:hover,
#lbudowadomu:hover,
#linfo:hover {
text-indent: 0;
}

której użyłem, by w IE nagłówki pod zdjęciami miały białe tło po najechaniu myszką.

Dzięki za wszystkie informacje jak sobie z tym poradzić.

Pozdrawiam,
Mateusz

Ryszard napisał(a):

Nic nie pomogę, ale mogę "pouściślać":
ad1. co to znaczy "za mała wysokość"? bud24.png Chodzi o to, że są dwie kreski (czerwone strzałki)? Jest też mała pionowa czarna kreseczka (fioletowa strzałka) Na Twoim obrazku też ją widać.
ad2. u mnie efekt występował zawsze gdy po załadowaniu strony http://www.bud24.pl/regulamin (nawet z pustym koszykiem - po kliknięciu w "Regulamin sklepu" na pierwszej stronie) najechałem najpierw w górnym menu na link inny niż "Sklep" - obrazek http://www.bud24.pl/grafika/dom12.jpg przeskakuje wtedy na dół. Po najechaniu na "Sklep" dom12.jpg wraca na miejsce i wszystko działa OK - to znaczy efekt ponownie nie wystąpi po najechaniu na górne menu.
Faktycznie usunięcie wskazanego przez Ciebie kawałka powoduje, że efekt nie występuje.

Originally posted by gemme:

{
text-indent: 0;
}

której użyłem, by w IE nagłówki pod zdjęciami miały białe tło po najechaniu myszką.

Mogę tylko się zdziwić - MSIE działa tak ciekawie, że wielkość wcięcia tekstu ma wpływ na kolor tła?

Ryszard napisał(a):

Po wstawieniu linku w poprzednią wiadomość mogę dopisać, że:
zawsze po załadowaniu strony przez kliknięcie w http://www.bud24.pl/regulamin efekt występuje po najechaniu na wspomniane pozycje górnego menu.
Po najechanui na "Sklep" cofa się i nie występuje nawet po [F5]

Zauważ też, że coś jest nie tak z kolorkami najechanego tła bud24_2.png "wyłazi"

a:hover {
background-color: #E6E6FA;
color: Red;
text-decoration: none;
}
z "Mojego arkusza stylów"

gemme napisał(a):

Udało mi się rozwiązać oba problemy (prosiłbym jednak o sprawdzenie). Nie obyło się bez hacków, ale chyba w dzisiejszych czasach to normalne;)

Ryszard napisał(a):

Wygląda, że OK. Problem nie wystąpił.
Zostało jeszcze to z tłem dla najechanego http://www.bud24.pl/grafika/logo.gif ale tutaj nie trzeba żadnych hacków wink Wystarczy zmienić kadrowanie obrazka - dodać białe marginesy z prawej i na dole.

gemme napisał(a):

Hmm, w mojej Operze 8.51 wyglądało to ok. W każdym razie, w miejscu tego tła, powinien się wyświetlać powtórzony obrazek tła http://www.bud24.pl/grafika/topbg.gif (co definiuję dla div#top).

Dodałem background: transparent; - poprawiło się?

Ryszard napisał(a):

Tak, już jest OK
"Problem" wystąpił u mnie dlatego, że mam w Operze ustawione wyświetlanie tła #E6E6FA dla a:hover dla stron, które w CSS nie mają nic "na ten temat".