Jak nie używać tabelek...? Problem z divami

Jak nie używać tabelek...? Problem z divami

Matif Zobacz profil	30.12.2009, 22:30:00 Post #1
Grupa: Zarejestrowani Postów: 29 Pomógł: 0 Dołączył: 14.09.2009 Ostrzeżenie: (0%)	Witam (IMG:style_emoticons/default/smile.gif) Kolejny problem z Css ;P ale człowiek uczy się na błędach (IMG:style_emoticons/default/biggrin.gif) Zrobiłem taką stronkę: http://n-kasa.pl/matif/1/ Po lewej stronie są 3 ramki (menu, logowanie, statystyki) każda jest zrobiona z 3 części: Menu Część przedłużająca tabelkę koniec tabelki. Nie mogłem tego zrobić w divach, więc zrobiłem to w tabelce (chciałbym się nauczyć robić strony nie używając tabelek)... Gdy to zrobiłem, wszytko ładnie pięknie wyglądało, tylko nie mogłem wpisać tekstu po prawej stronie... (wyświetlał się na dole). Dla tego wziąłem to również w tabelkę, co utworzyło mi taki schemat: Tabela główna: -Tabela Lewa -Tabela Prawa I gdy piszę tekst w tabel prawej, wyśrodkowuje mi go... Gdy napiszę więcej tekstu, rozciąga się on w górę i w dół, a gdy tekst zajmuje więcej miejsca niż lewa tabelka, menu z lewej rozjeżdża się w dół, co daje fatalny wygląd... I teraz moje pytanie... Jak zrobić, aby wszystko działało bez tabelek, a jeśli już musi być z tabelkami, to w jaki sposób zrobić aby lewą stronę rozciągało tylko w dół, a tekst z prawej zaczynał się od góry...? Zamieszczam tu mój kod: Kod <div id="body"> <div id="head"><img src="images/doladujsie_01.png"></div> <div id="srodek"> <!--menu--> <div id="lewa"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td> <table border="0" cellpadding="0" cellspacing="0"><tr><td> <div id="menu"><img src="images/doladujsie_04.png"></div></td> <tr><td> <div id="menu1"> <div id="tekst">Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst </div> </div> </td></tr> <tr><td> <div id="menu2"><img src="images/doladujsie_07.png"></div> </td></tr> <!--koniec menu--> <!--logowanie--> <tr><td> <div id="menu"><img src="images/doladujsie_09.png"></div></td> <tr><td> <div id="menu1"> <div id="tekst">Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst </div> </div> </td></tr> <tr><td> <div id="menu2"><img src="images/doladujsie_07.png"></div> </td></tr> <!--koniec logowanie--> <!--statystyki--> <tr><td> <div id="menu"><img src="images/doladujsie_11.png"></div></td> <tr><td> <div id="menu1"> <div id="tekst">Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst </div> </div> </td></tr> <tr><td> <div id="menu2"><img src="images/doladujsie_07.png"></div> </td></tr></table> </td><td width="590" > <div id="tekst"> Tekst </div> </td></tr></table> <!--koniec statystyki--> </div> </div> <!--Koniec prawa--> <div id="stopka"><img src="images/doladujsie_17.png"></div> </div> i css Kod #body { background: url(images/doladujsie_15.png); width: 900px; margin-left: auto; margin-right: auto; } #head { width: 900px; height: 257px; } #srodek { background: url(images/doladujsie_15.png); width: 900px; } #menu { float: left; padding-left: 30px; } #menu1 { background-image: url(images/doladujsie_13.png); float: left; margin-left: 30px; width: 247px; } #menu2 { float: left; padding-left: 30px; } #stopka { width: 900px; height: 64px; } #tekst { padding-left: 30px; } #tekst2 { margin-left: 350px; }

Posty w temacie

Matif Jak nie używać tabelek...? Problem z divami 30.12.2009, 22:30:00

krzysztof_kf gdzie masz zawartość dla <div id="lewa... 30.12.2009, 22:50:25

Matif Widocznie skasowałem ją jak próbowałem coś wykombi... 30.12.2009, 23:30:33

krzysztof_kf lepiej w tabelach bo wtedy masz pewność poprawność... 30.12.2009, 23:42:14

Matif ok dzięki! czekam z niecierpliwością! 30.12.2009, 23:54:05

krzysztof_kf nabazgrałeś trochę poczekaj około 30 minut to ci z... 31.12.2009, 00:06:54

Matif Dobra to mój 3 dzień nauki css więc nie ma co si... 31.12.2009, 00:18:38

krzysztof_kf dorzuć do styli css Kod} #column { width: 9... 31.12.2009, 00:29:16

Matif Wszystko działa, tylko nie rozciąga głównego tła..... 31.12.2009, 00:34:51

krzysztof_kf moment 31.12.2009, 00:35:48

Matif ok. wrzuciłem na serwer jak to teraz wygląda... 31.12.2009, 00:38:00

krzysztof_kf powiem tak za dużo nabazgrane ;/ w najgorszym wypa... 31.12.2009, 00:42:17

emp Masz dziurę w środku strony. Nie tak to chyba powi... 31.12.2009, 00:43:44

Matif emp w tym momencie jest on już na samych divach...... 31.12.2009, 00:49:54

krzysztof_kf powodzenia 31.12.2009, 00:50:37

Matif No i nie mam żadnych pomysłów :/ Na FF wszystko je... 31.12.2009, 01:14:52

icetique Najprostsza metoda to chyba taka: Kod<div cla... 31.12.2009, 12:23:54

« Następny starszy · CSS · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Forum PHP.pl