Rozmieszczenie divów


(Mnemonic) #1

Cześć, zastanawiam się jak najlepiej rozplanować divy dla layoutu który ma taki układ:

layoutdpp.jpg

To co jest pomiędzy czerwonymi kreskami musi być wyśrodkowane, więc wpakował bym to w diva i w środku sobie to ułożył. Tylko jak wtedy zrobić te paski po bokach strony z tłem na repeat-x, tak abym miał tą środkową część strony faktycznie zawsze na środku?


(Sitemaster) #2

dla body ustawiasz bacground (ten pasek w tle)

robisz diva, kontener dla reszty - ustawiasz mu szerokość i centrujesz go marginem

w jego wnętrzu divy układasz z lewym floatem

-no i chyba to wszystko


(Mnemonic) #3

Ok, "skleiłem" pasek z tłem w photoshopie, próbowałem na początku ustawiać divy ale się wtedy wszystko rozjezdzało, dzięki.

A jest jakiś sposób na to aby pionowy pasek miał wysokość na cały obszar? Chodzi mi o coś takiego jak width:100%, ale dla height to nie działa.


(Sitemaster) #4

http://www.cssmania.pl/csswiki/index.ph ... 0%25Height

http://www.xs4all.nl/~peterned/examples/csslayout1.html

itd. w googlu tego pełno http://www.google.pl/search?q=css+height+100%

a jest jeszcze trik na równe kolumny:

height:100%; margin-bottom:-3000px; padding-bottom:3000px;