Problem z suwakiem - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Problem z suwakiem › Problem z suwakiem

Data: 2009-01-07 17:45:52
Temat: Problem z suwakiem
Od: s...@i...eu szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]

Witam wszystkich
Mam problem z suwakiem w IE 7. Na stronie mam DIVa o stałej szerokości
i wysokości. W nim chcę wyświetlać zawartość strony np. tekst. Teks
oczywiście jest czasami dłuższy niż wysokość DIVa dlatego w stylach
przypisałem mu parametry overflow-y:auto; i overflow-x:none;. Problem
polega na tym że jak dam w pierwszej linii:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

To IE ma problemy z suwakiem w ograniczonym oknie. Teks w oknie ma
przykładowo 10 stron. Cześć suwaka która służy do przesuwania powinna
mieć wysokość około 10% wysokości strony. Niestety wysokość jego jest
około 90% sugerując że stron jest mniej niż dwie. Przy przesuwaniu w
dół wysokość suwaka zmniejsza się i w końcu osiąga prawidłową
wysokość. Problem w tym że jest to uciążliwe i wprowadza w błąd.
Gdy wpiszę:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

lub ominę tą linijkę to suwak jest ok. Niestety rozjeżdża się co
innego. W IE szerokość padding jest wliczana w szerokość okna, a FF
nie. To samo w dwóch przeglądarkach wygląda zupełnie inaczej. Znika
też padding w obrazkach pod IE, a zależy mi na ramce wokół img.

Co powinienem zrobić by obie przeglądarki interpretowały padding tak
samo jak w pierwszym DOCTYPE, ale by ten suwak prawidłowo działał.
Może wpisuje błędny DOCTYPE? Doświadczenia za dużego nie mam.
Wykorzystuje HTMLa właściwie z różnych źródeł i nie do końca mogę
określić z jaką wersja jest zgodny. Do tego CSS. Z drugiej strony nie
wydaje mi się bym robił coś zupełnie nie standardowego, by wersje
miało to znaczenie.
Ech, jak ja nie lubię tego IE! :/

Za wszelkie sugestie dziękuję.