[xhtml+css] Za "dluga" strona - w Operze, pod FF OK

w dziale Strony WWW w Operze
bantu.pl napisał(a):

Witam,

Mam troche czasu i staram sie jeszcze raz napisac moja stronke domowa, czyli zmiany z tabelkowatego badziewia na pelna zgodnasc ze standardami XHTML strict. I tutaj mam problem. A mianowicie strona jest za "dluga", tzn. moge przewijac strone, chociaz nie ma takiego powodu, poniewaz tresc jest na srodku, wszystko miesci sie na jednym ekranie. Taki problem nie wystepuje w FF, Safari, IE. Dodam, ze zarowno kod html i pliki css sprawdzalem validatorem i wszystko jest w 100% OK. Ponizej podaje link do strony testowej

Strona praktycznie nie dziala, ale zastanawia mnie dlaczego mozna strone przewijac. Na razie udalo mi sie wyeliminowac pasek przewijania, ale scroll za pomoca kolka myszki nadal dziala.

Pozdrawiam

zielski napisał(a):

Originally posted by bantu.pl:


[...]
Strona praktycznie nie dziala, ale zastanawia mnie dlaczego mozna strone przewijac. Na razie udalo mi sie wyeliminowac pasek przewijania, ale scroll za pomoca kolka myszki nadal dziala.


#horizon
{
position: absolute;
visibility: hidden;
overflow: visible;
display: block;
top: 50%; left: 0px;
width: 100%; height: 1 px;

Wywal to i zobacz jaki będzi efekt. Nie mam pewności ale nie widzi mi się to.
W Operze jest dużo możliwości zobaczenia co ma jakie marginesy, paddingi wysokości, szerokości itp.
zrzutekranu.png

A teraz mowa umoralniająca.
Wylecz się z divitis. Tam poważnie nie trzeba tylu pudeł.
Zastanawiałeś sie czy rzeczywiście trzeba to pozycjonować absolutnie?
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/floatutorial/index.htm
http://www.fox.com.pl/articles/web/layout.php
http://www.inknoise.com/experimental/layoutomatic.php
http://www.alistapart.com:80/
http://www.456bereastreet.com/

bantu.pl napisał(a):

Witam,

Wielkie dzieki za podpowiedz. Faktycznie horizon mieszal sporo, chociaz nie wiem dlaczego wysokosc tej warstwy byla taka a nie inna, pomimo ze w css byla ustawiona na 1px. Mimo wszystko jest OK.
Z mowy umoralniajacej rowniez skorzystalem i wykasowalem dodatkowo 5 divow. Stronka sie odchudzila smile
Walidacja kodu i css rowniez ok.

Jeszcze raz dziekuje za doping do dopracowania kodu.

Jeszcze na koniec pytanko - jak mozna uzyskac w Operze taki widok, jaki prezentujesz na zrzucie ekranu. Przyznam, ze to bardzo mi pomoglo.

Pozdrawiam

andol napisał(a):

Originally posted by bantu.pl:

Jeszcze na koniec pytanko


Widok >> Styl >> Analizuj układ strony

bantu.pl napisał(a):

Faktycznie jest - przegapilem.
Dzieki za pomoc.

Pozdrawiam

zielski napisał(a):

Originally posted by andol:

Originally posted by bantu.pl:

Jeszcze na koniec pytanko


Widok >> Styl >> Analizuj układ strony



No niby tak, ale jednak nie wink
http://www.paciellogroup.com/resources/wat-about.html
Jest jeszcze webdev dla Opery http://operawiki.info/WebDevToolbar co wątkodawcy polecam.