[css] wszystko w jednej kupie

[css] wszystko w jednej kupie

skali Zobacz profil	13.02.2008, 17:11:07 Post #1
Grupa: Zarejestrowani Postów: 70 Pomógł: 3 Dołączył: 21.08.2006 Skąd: Zheshuv Ostrzeżenie: (0%)	witam. mam problem taki ze dodajac doctype dolna czesc przechodzi tam gdzie gorna. http://images27.fotosik.pl/157/feff863648302587med.jpg dlaczego cos takiego sie dzieje? dziekuje z gory za pomoc

Odpowiedzi

skali Zobacz profil	14.02.2008, 17:01:25 Post #2
Grupa: Zarejestrowani Postów: 70 Pomógł: 3 Dołączył: 21.08.2006 Skąd: Zheshuv Ostrzeżenie: (0%)	dziala super ale mam nastepny problem. a mianowicie sztywna dlugosc div'a. jak zrobic zeby ustawic np 400px ale jak bedzie wiecej teksty to zeby nie nachodzilo na div'a znajdujacego sie nizej tylko ten dolny sie posunal troche nizej. odrazu mowie ze min-height ani 100% nie dziala

Jarod Zobacz profil	14.02.2008, 17:14:16 Post #3
Grupa: Zarejestrowani Postów: 1 190 Pomógł: 27 Dołączył: 23.04.2005 Ostrzeżenie: (0%)	Cytat(skali @ 14.02.2008, 17:01:25 ) dziala super ale mam nastepny problem. a mianowicie sztywna dlugosc div'a. jak zrobic zeby ustawic np 400px ale jak bedzie wiecej teksty to zeby nie nachodzilo na div'a znajdujacego sie nizej tylko ten dolny sie posunal troche nizej. odrazu mowie ze min-height ani 100% nie dziala Ja bym do tego wogóle inaczej podszedł. Ale najprościej tak: Sprawdź: [HTML] pobierz, plaintext #srodeklewadol { background-color: #111111; width: 470px; height: 80px; border: #777777 3px solid; padding: 7px 12px 7px 12px; margin: 300px 0 0 0; float: left; clear: both; } [HTML] pobierz, plaintext EDIT: Chyba jednak nie zadziała. Jak w drugiej kolumnie jest dłuższy tekst. Szkoda że nie ma tego linku. Nie mam pewności czy to co miałem w koszu nie miało usuniętych pewnych fragmentów. Na szybko napisałem prostu układ i możesz się na tym wzorować. Jak coś to wieczorem (jak dasz linka) to najwyżej pomogę Ci z Twoim kodem. [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>xxx</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="Stylesheet" type="text/css" href="xxx/style.css"></head><body> <div id="container"> <div id="header">Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...</div> <div id="content"> <div id="left">Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...</div> <div id="right">Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...</div> <div id="lastproject">Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...</div> </div> <div id="footer">Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...Lorem ipsum dolor...</div> </div> </body></html> [HTML] pobierz, plaintext [HTML] pobierz, plaintext body { background-color: #000000; font-size: 11px; color: #bbbbbb; font-family: verdana, sans-serif; margin: 0 auto; background-image: url(images/bg.png); } #container {margin: 0 auto;width: 900px; background-color: white;} #content {float: left;} #left {width: 300px;background-color: yellow;float: left;} #right {margin-left: 100px;width: 300px;background-color: pink;float: left;} #lastproject {width: 200px; background-color: blue; float: right;} #header {background-color: green;} #footer {background-color: red; clear: both;} [HTML] pobierz, plaintext Ten post edytował Jarod 14.02.2008, 17:40:07

skali Zobacz profil	14.02.2008, 17:38:05 Post #4
Grupa: Zarejestrowani Postów: 70 Pomógł: 3 Dołączył: 21.08.2006 Skąd: Zheshuv Ostrzeżenie: (0%)	Cytat(Jarod @ 14.02.2008, 17:14:16 ) Ps. Jak prosisz o pomoc to nie usuwaj linka. Dobrze że miałem w koszu zapisaną stronę:) tam stopki nie bylo wiec i tak by sie nie przydalo (chyba) (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) poprostu to wszystko wchodzi na stopke a jak chce zeby ten glowny div #srodek rozciagal sie razem z zawartoscia

Posty w temacie

skali [css] wszystko w jednej kupie 13.02.2008, 17:11:07

punkomuzykant na 100% coś zepsułeś samo się nie stało, zresztą ... 14.02.2008, 11:35:19

skali bez doctype klik z doctype klik 14.02.2008, 13:31:14

Jarod Masz błąd w kodzie. Bez doctype przeglądarki lubią... 14.02.2008, 13:57:52

skali Cytat(Jarod @ 14.02.2008, 13:57:52 ) ... 14.02.2008, 14:51:59

Jarod Cytat(skali @ 14.02.2008, 14:51:59 ) ... 14.02.2008, 16:01:42

skali dziala super ale mam nastepny problem. a mianowici... 14.02.2008, 17:01:25

Jarod Cytat(skali @ 14.02.2008, 17:01:25 ) ... 14.02.2008, 17:14:16

skali Cytat(Jarod @ 14.02.2008, 17:14:16 ) ... 14.02.2008, 17:38:05

Jarod Podałem Ci przykład. Dostosuj sobie do swoich potr... 14.02.2008, 22:06:10

skali Cytat(Jarod @ 14.02.2008, 22:06:10 ) ... 14.02.2008, 23:00:47

« Następny starszy · Po stronie przeglądarki · Następny nowszy »

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

0 Zarejestrowanych:

Forum PHP.pl