[CSS] Wiele divów wewnątrz siebie

[homzik]

Witam,
Mam problem z ułożeniem wielu warstw jedna wewnątrz drugiej. To co jest proste na tabelkach, na divach sprawia mi spory problem, a z kilku przyczyn warstwy sprawdziłyby się u mnie lepiej. Aby lepiej zobrazować problem, przygotowałem prosty obrazek:



Z góry dziękuję za pomoc doraźną (marchewkę) lub wskazanie dobrego kija tak, abym mógł się sam nauczyć, choć sam jakoś nie trafiłem na żaden wartościowy tutorial.

[mateo]

Wskazówka -> http://www.signs.pl/html/s/float.php

[Ancik]

Witaj,

Nie wiem co w tym trudnego. W1 ma width 95% i overflow: hidden, więc w2, w3 i w4 mają po, dajmy na to 30% width i 100% height (szerokości ustalisz sobie sam dokładniej) oraz float: left. Reszte diwóv tworzysz w odpowiednich divach nadając im określone szerokości i marginesy.

Pozdrawiam.

[homzik]

Dziękuję za pomoc, nie pisałem wczoraj bo wziąłem się za robotę, a dodatkowo pokomplikowałem ją o jeszcze jedną warstwę zagnieżdżoną w innej.

Niestety, mam kilka problemów:
- w Chrome warstwa rectangle pojawia się w jakimś dziwnym miejscu, zamiast pojawiać się między newsami czyli między dwoma warstwami newsframe
- przy szerokości strony np. 1024 pikseli, warstwa rightbox spada na doł w losowe miejsce - co zrobić aby zawsze była wyświetlana obok warstwy centerbox? Chodzi mi o to, aby strona wyświetlała się poprawnie przy szerokości 1000 pikseli (na tabelkach tak było i wszystko ładnie się skalowało)
- przy minimalizacji strony (znowu np. 1000 pikseli szerokości) w Chrome warstwa footer zmienia swoje położenie - dlaczego tak się dzieje?

Całość w praktyce można znaleźć pod adresem: http://yyy.pl/test/ (na tabelkową górę strony oraz badziewne logo prosze nie zwracać uwagi )

Z góry dziękuję za okazane wsparcie.

[Kartofelek]

1) Pierwsze co się rzuca w oczy to min-width; które w twoim przypadku jest bez sensowne. Skoro cała strona oparta jest na procentach, to czemu min-width na px? Stąd rozwala ci się layout.
2) Osobiście też zrezygnował bym z nazewnictwa kolorów na rzecz ich wartości hex lub rgb.
3) Dawno nie widziałem strony w której wykorzystywane jest h5 i h6. Baaardzo dawno. Ogólnie kończy się na h3, a reszta to strong lub podobne - zależnie od sytuacji. U ciebie np <h6 id="newsautor"> jest błędem, bo autor nie jest "tytułem".
4) Ah. I najgorsza z możliwych rzeczy Używasz ID zamiast Class. Jakby to było dobrze użyte - nie czepiał bym się, ale jest błędnie. Dane ID może być tylko 1 raz na stronie!

Reszty grzechów nie zauważyłem, ale nie patrzyłem zbyt dokładnie.