DIV o wysokości 100%

[Mar]

Dałoby się by rozciągnąć diva na 100%, chodzi o to, że mam lewą linię od centralnej częsci mojego katalogu promocja.zagrosze.biz. I jak zawartość środka jest mała, np kontakt.html śmiesznie to wygląda..

Mar.

[kava]

Przeglądarki muszą wiedzieć czego dotyczy to 100% - co znaczy, że wszystkie divy nadrzędne powinny też mieć height 100% (albo jakiś inny height, ale zdefiniowany).

Google prawdę Ci powie ;-) https://www.webmasterworld.com/forum83/200.htm

[code7]

może ten tutorial Ci troche pomoże. jezeli chcesz, zeby ta linia rozdzielająca kolumny u Ciebie ładnie się dopasowywała do wysokości kolumn, musisz ją dać jako obrazek w tle dla bloku, w którym osadzone są obydwie kolumny. jeżeli natomiast możesz przyjąć, że ta szersza kolumna będzie zawsze wyższa od tej bocznej, to wtedy po prostu nadaj tej szerszej border-left:1px solid #000;

gdybyś nie dał rady, daj znać

[Mar]

Ok, jeśli możesz opisz dokładniej sposób pierwszy, drugi nie wchodzi w rachubę, już próbowałem, ale to jest tak, że raz lewa jest większa a raz środek i zawsze ta linia nie dochodzi do końca.

Co do obrazka to nie bardzo rozumię, przcież jak ustawię go jako tło to tak on będzie wypełniał tylko zawartość diva, czyli nie calość.

kava, dzięki ale niestety na podstawie tego nie udało mi się tego naprawić, próbowałem, tz. dawałem wszystkie divy na 100%, ale bez efektu.

Pozdrawiam,

Mar.

[code7]

spójrz tutaj: https://teksty.pozytywny.pl/ - tu właśnie tak jest zrobione. z grubsza wygląda to tak:

jest sobie div#container. ten div#container zawiera m.in. lewą kolumnę (#leftcol) i prawą kolumnę (tą szeroką - #maincol). na różnych stronach są one różnej wysokości, więc aby to ładnie wyglądało, trzeba:

dla #leftcol dać float:left - sprawia to, że szeroka kolumna pojawia się na prawo od lewej

dla #maincol ustawić lewy margines równy szerokości lewej kolumny

dla stopki lub innego elementu, który ma być pod tymi dwoma kolumnami trzeba dać clear:both;

no i teraz kwestia tła: jest ono nadawane dla div#container i ma szerokość całego div#container. Rozciąga się ono na całą jego wysokość , co pozwala uzyskać zamierzony efekt odpowiedniej wysokości kolumn. W nagłówcu i stopce tło to jest przykrywane odpowiednim tłem nagłówka i stopki.

W twoim przypadku tło nadawane dla bloku nadrzędnego będzie miało najprawdopodobniej taką postać:

background: url(img/dot.gif) repeat-y 200px 0;

gdzie dot.gif to po prostu gif o rozmiarach 1px na 1px, a 200px to szerokość lewej kolumny.

[Mar]

ok, zrozumiałem twoją idę, i zrobiułem tak jak pisałeś, ustawiłem tam tło i niby ono tam jest, ale co z tego jesli jest ono niewidoczne, ponieważ jest ono na samym spodzie pod głównym tłem i kolorami innych pól, mozesz to zobaczyć klikają w prawym menu prawym klawiszem myszy dając pokaż tło, jest takie czerwone, napewno zauważysz.

Mar.