Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][XHTML][DIV] Problem z rozciągnięciem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
rafolik
25.02.2007, 14:40:52
Witam

Postanowiłem sprubować swoich sił w XHTML-CSS

Zrobiłem pierwszy projekt.
Mam pierwszy problem.
Oto strona: http://rafolik.kom.pl/pc/

Chciał bym aby środek strony (białe tło) było rozciągnięte aż do dołu strony(stopki).
Bez względu na wysokość bocznych kolumn.
Kompletnie nie wiem jak to zrobić, Proszę o pomoc.
Kisiol_Ent
25.02.2007, 18:56:06
W CSS ustaw dla tego DIVa -> min-height: ??px; (tzn minimalna wysokosc)
Ale nie ustawiaj height wtedy. Bo chyba nie bedzie sie rozciagac w pionie jak bedzie duzo textu.
rafolik
25.02.2007, 19:28:33
No ale jeżeli to zrobię to będzie to wartość stała...
a ja chcę aby to się rozciągało automatycznie.
w zależności od wysokości bloków żeby zawsze było dobrze

ALE tymczasowo rozwiązuje to problem, DZIĘKI exclamation.gif!
gekon
26.02.2007, 01:58:28
Min-height wcale niczego nie rozwiązuje. Jeżeli posługujesz się angielskim to A List Apart wszystko wyjaśnia, jeżeli nie to powiem tylko, że trzeba głównemu kontenerowi dać tło o wysokości 1px aby powtarzało się w pionie.
rafolik
26.02.2007, 14:13:47
eh.... i to waszym zdaniem jest profesionalne budowanie stron ;/ - na DIV'ach
Od początku te DIV'y mi się nie widziały, no ale cóż...

Dziękuje i pozdrawiam!
Joy-machine
26.02.2007, 14:36:09
Dorwij takiego pdf'a który się nazywa CSS Anthology - tam jest opisane jak budować strukturę strony na divach wraz z przykładami - rewelka. Też nie przepadałem za divami ale jak się załapie jak to robic to idzie ok.
erix
5.04.2007, 19:43:59
Wszystko byłoby świetnie, gdyby nie IE. A tak, to trzeba się trochę pomęczyć i ci, co zaczynają wolą tabelki...

Swoją drogą: http://riddle.jogger.pl/2007/03/07/rowne-k...ny-layoutu-css/
Dandelion
5.04.2007, 22:37:47
Nie wiem czy dobrze zrozumialem ale czy o to chodzi ?



[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4.  
  5.  
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  8. <meta http-equiv="content-language" content="pl" />
  9.  
  10. 	<title>Bolesław Prus</title>
  11. 	<link rel="stylesheet" href="style.css" type="text/css"/>
  12.  
  13. </head>
  14.  
  15. <body>
  16.  
  17. <div id="logo">logo</div>
  18.  
  19. <div id="glowny">
  20.  
  21. 	<div id="lewa">lewa</div>
  22.  
  23. 	<div id="prawa">prawa</div>
  24.  
  25. 	<div id="srodek">srodek <p>3</P>3<p>3</P>3<p>3</P>3<p>3</P>3</div>
  26.  
  27. </div>
  28.  
  29. <div id="stopka">stopka</div>
  30.  
  31.  
  32. <body>
  33. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div#logo{
  2. 	height:100px;
  3. 	width:800px;
  4. 	background-color:black;
  5. }
  6.  
  7. div#lewa{
  8.  
  9. 	float:left;
  10. 	width:50px;
  11. 	background-color:red;
  12.  
  13. }
  14.  
  15. div#prawa{
  16. 	float:right;
  17. 	width:50px;
  18. 	background-color:yellow;
  19.  
  20. }
  21.  
  22. div#glowny{
  23. 	width:800px;
  24. 	background-color:gray;
  25.  
  26. }
  27.  
  28. div#srodek{
  29.  
  30. 	width:700px;
  31. 	background-color:green;
  32. 	margin-left:50px;
  33.  
  34.  
  35. }
  36.  
  37. div#stopka{
  38. 	height:30px;
  39. 	width:800px;
  40. 	float:left;
  41. 	background-color:pink;
  42.  
  43. }
[HTML] pobierz, plaintext
erix
5.04.2007, 22:45:07
Nie, chodzi o wysokość, ale poszczególnych kolumn.
Dandelion
5.04.2007, 23:12:56


lewe menu ma inna wysokosc
prawe menu ma inna wysokosc

po wpisaniu tekstu do glownego diva szare tlo sie rozciaga niezaleznie od wielkosci poszczegolnych menu tzn zawsze dochodzi do stopki

Jezeli nie o to chodzi to o co
kwiateusz
5.04.2007, 23:15:55
zapewne o to zeby czerwone i żółte tło miało ta samą długość co zielone...
Dandelion
5.04.2007, 23:23:47
przecierz wystarczy zmienic kolory lewego i szarego na czerwony i tak bedzie

madel
8.04.2007, 23:34:38
Cytat(Dandelion @ 6.04.2007, 00:23:47 ) *
przecierz wystarczy zmienic kolory lewego i szarego na czerwony i tak bedzie


No nie o to chodziło :-)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.