Stef@n utworzono 26 marca 2009 utworzono 26 marca 2009 Witam, mam problem najpierw podam link do strony aby bardziej obrazowo to przedstawić http://www.kozuchykorzen.pl/test.html 1) Otóż problem polega na tym ze div#srodek (powinno być białe tło) nie rozciąga się z treścią zawartą w nim. Nie mam zielonego pojęcia jak to zrobić, pod IE nie ma problemu bo się rozciąga a pod FF nie widać. 2) Drugi problem to ramka którą chce aby div#okienko_left i div#okienko_right rozciągały się równo do dołu z div#okienko_tresc. Proszę was bardzo o pomoc, podaje kod: .html <div id="srodek"> <div id="okienko"> <div id="okienko_top"></div> <div id="okienko_left"></div> <div id="okienko_tresc">jakas tresc<br />fdgfgf</div> <div id="okienko_right"></div> <div id="okienko_bottom"></div> </div></div> .css body { background-color: #702F4A; margin-top: 0px; font-family: Arial; color: #000000; font-size: 12px; line-height: 18px; }#srodek { width: 780px; margin: auto; background-color: #FFFFFF;}#okienko { width: 276px; height: 59px; display: block; float: left; padding-left: 36px;}#okienko_top { background-image: url(okienko/top.jpg); display: block; width: 276px; height: 34px; clear: both;}#okienko_left { background-image: url(okienko/left.jpg); display: block; width: 5px; float: left;}#okienko_tresc { display: block; width: 249px; float: left; background-image: url(../grafika/okienko/bg.jpg); background-color: #FFFFFF; background-repeat: no-repeat; background-position: bottom;}#okienko_right { background-image: url(okienko/right.jpg); display: block; width: 22px; float: left;}#okienko_bottom { background-image: url(okienko/bottom.jpg); display: block; width: 276px; height: 37px; clear: both;} Pozdrawiam
piodor komentarz 26 marca 2009 komentarz 26 marca 2009 (edytowane) powtarzam Ci po raz kolejny.. wielkości bezwzględniej(PIKSELI , CENTYMETRÓW, MILIMETRÓW) używasz tylko przy określaniu szerokości całości, a potem zagnieżdżasz divy i robisz w nich szerokości względne, czyli EM'Y , PROCENT'Y, EX'Y, czyli np(bo bez przykładu sobie chyba nie poradzisz) Oto fragment html:<body><div id="calosc"> <div id="naglowek"></div> <div id="nawigacja"></div> <div id="tresc"></div> <div id="sidebar"></div> <div id="stopka"></div></div></body>Oto fragment CSS:#całosc{width:800px;}#naglowek{width:90%;}#nawigacja{width:24%;}#tresc{width:46%;}#sidebar{width:24%;}#stopka{width:100%;} ten kod nie jest jeszcze gotowy- musisz go wypozycjonowac, ale to juz chyba umiesz skoro tworzysz ten sam temat któryś raz to już nawet zwierze by zrozumiało przy takim kodzie jak zmieniasz szerokosc calosci zmieniasz to co jest w środku. Edytowane 26 marca 2009 przez Piodor
Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!
Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.