[CSS][HTML]Optymalne rozlozenie divów Opcje

[lepmajster]

Jak uzyskac taki efekt, aby nie przesadzac z ilosci divow (kontenerow) ?
(IMG:http://img337.imageshack.us/f/img337/3317/szablon.jpg)
http://img337.imageshack.us/f/img337/3317/szablon.jpg
Nie chodzi mi o gotowca, tylko o sposob w jaki mozna taki efekt osiagnac?
Dodam ze taki szablon mam juz zrobiony na divach, tylko ze do uzyskania takiego efektu, musialem uzyc kilku dodatkowych divów-pojemnikow, dla kolejnych divow.
Zrobilem to tak:
1. div logo
2. div kontener, w nim znajduja sie kolejne divy/okienka (menu) z lewej stronu, ma float: left.
3. div kontener-srodek, znajduje sie w nim okno srodkowe i nad nim ten cienki pasek - przylepiony jest do lewego menu.
4. To wszystko powyzej zapakowalem w kolejnego diva, ktory ma float: left i do niego przelepione jest to menu z prawej strony.
5. Stopka z clear:both;
6. a calosc umiescilem w divie z ustawionym width, zeby przy zmianie wielkosci okna, divy nie rozjezdzaly sie.

Wszystko niby dobrze, ale jak popatrze w kod i na to zagniezdzenie divow, to mam watpliwosci, czy nie da sie zrobic tego lepiej/prosciej?

Prosze o wskazowki, moga byc napisane w ptk, tak jak ja to zrobilem, bo gotowca mi nie trzeba, tylko pomysl (IMG:style_emoticons/default/smile.gif)

Ten post edytował lepmajster 27.05.2010, 12:42:34

[pedro84]

Generalnie mogłoby zostać, tylko... Czemu nie zrobisz sobie takich kontenerów dla bocznych kolumn i nie zrobisz bloków na liście?

[lepmajster]

Generalnie mogłoby zostać, tylko... Czemu nie zrobisz sobie takich kontenerów dla bocznych kolumn i nie zrobisz bloków na liście?

Moze i to byl by najlepszy pomysl, ale listy teraz uzywam do linkow w menu.
Nie wiem czy to by sie nie gryzlo?
Chyba ze zle Cie zrozumialem :/

PS. Czy ten div id="calosc", musi miec okreslona szerokosc, czy moze jakos inaczej daloby sie przytrzymac pozostale divy, tak zeby przy mniejszym oknie nie zjezdzaly w dol.
Chodzi o to, ze przy jakiej kolwiek zmianie szerokosci diva menu, trzeba tez edytowac tego diva calosc (IMG:style_emoticons/default/winksmiley.jpg)
Oczywiscie pozycjonowanie absolutne odpada (IMG:style_emoticons/default/smile.gif)

Tak czy siak, dzieki za info (IMG:style_emoticons/default/smile.gif)
Chociaz wiem, ze w miare dobrze to robie.

Ten post edytował lepmajster 27.05.2010, 13:37:35

[pedro84]

Moze i to byl by najlepszy pomysl, ale listy teraz uzywam do linkow w menu.
Nie wiem czy to by sie nie gryzlo?
Chyba ze zle Cie zrozumialem :/

Zrozumiałeś (IMG:style_emoticons/default/smile.gif) Generalnie masz ok, ja robię taki bloku kolumn na listach, bardziej semantyczny kod, ale i divy są ok.

PS. Czy ten div id="calosc", musi miec okreslona szerokosc, czy moze jakos inaczej daloby sie przytrzymac pozostale divy, tak zeby przy mniejszym oknie nie zjezdzaly w dol.
Chodzi o to, ze przy jakiej kolwiek zmianie szerokosci diva menu, trzeba tez edytowac tego diva calosc (IMG:style_emoticons/default/winksmiley.jpg)
Oczywiscie pozycjonowanie absolutne odpada (IMG:style_emoticons/default/smile.gif)

Generalnie, zawsze nadaję swoim kontenerom stałą szerokość + min-width: na ~1024px. Generalnie, 1024x768 jest minimalną rozdzielczością jaką biorę pod uwagę (oczywiście zależy od statystyk strony!).

Tak czy siak, dzieki za info (IMG:style_emoticons/default/smile.gif)
Chociaz wiem, ze w miare dobrze to robie.

Nie ma za co (IMG:style_emoticons/default/smile.gif)

[lepmajster]

Generalnie, zawsze nadaję swoim kontenerom stałą szerokość + min-width: na ~1024px. Generalnie, 1024x768 jest minimalną rozdzielczością jaką biorę pod uwagę (oczywiście zależy od statystyk strony!).

Faktycznie o tym nie pomyslalem, musze zmienic rozmiar okna z 1080px do 1024px, ale to juz nie problem (IMG:style_emoticons/default/winksmiley.jpg)
Dzieki za rady, o takie wlasnie mi chodzilo (IMG:style_emoticons/default/smile.gif)

Pozdrawiam i mozna zamknac.

[pedro84]

Faktycznie o tym nie pomyslalem, musze zmienic rozmiar okna z 1080px do 1024px, ale to juz nie problem (IMG:style_emoticons/default/winksmiley.jpg)
Dzieki za rady, o takie wlasnie mi chodzilo (IMG:style_emoticons/default/smile.gif)

Pozdrawiam i mozna zamknac.

Na laptopie pracujesz jak widzę, mam ten sam ból. Jeśli używasz FF może użyć dodatko Web Developer, masz w nim min. możliwość zmiany rozmiaru okna (nawet definiowania własnych parametrów).