[CSS] Wiele divów wewnątrz siebie - Wersja do druku +- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl) +-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www) +--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript) +--- Wątek: [CSS] Wiele divów wewnątrz siebie (/thread-css-wiele-divow-wewnatrz-siebie)

[CSS] Wiele divów wewnątrz siebie - homzik - 28-01-2011 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. RE: [CSS] Wiele divów wewnątrz siebie - mateo - 28-01-2011 Wskazówka -> http://www.signs.pl/html/s/float.php RE: [CSS] Wiele divów wewnątrz siebie - Ancik - 28-01-2011 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. RE: [CSS] Wiele divów wewnątrz siebie - homzik - 29-01-2011 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. RE: [CSS] Wiele divów wewnątrz siebie - Kartofelek - 30-01-2011 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.