Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][XHTML][DIV] Problem z rozciągnięciem
rafolik
post
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 29.10.2003
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
Kisiol_Ent
post
Post #2





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--

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.
Go to the top of the page
+Quote Post
rafolik
post
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 29.10.2003
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !

Ten post edytował rafolik 25.02.2007, 19:33:58
Go to the top of the page
+Quote Post
gekon
post
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----

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.

Ten post edytował gekon 26.02.2007, 01:58:44
Go to the top of the page
+Quote Post
rafolik
post
Post #5





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 29.10.2003
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

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!
Go to the top of the page
+Quote Post
Joy-machine
post
Post #6





Grupa: Zarejestrowani
Postów: 54
Pomógł: 0
Dołączył: 2.02.2007

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
erix
post
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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/
Go to the top of the page
+Quote Post
Dandelion
post
Post #8





Grupa: Zarejestrowani
Postów: 169
Pomógł: 0
Dołączył: 27.01.2006

Ostrzeżenie: (0%)
-----

Nie wiem czy dobrze zrozumialem ale czy o to chodzi ?

(IMG:http://images20.fotosik.pl/202/aaec40158bd98f44m.jpg) 

[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


Ten post edytował Dandelion 5.04.2007, 22:57:50
Go to the top of the page
+Quote Post
erix
post
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Nie, chodzi o wysokość, ale poszczególnych kolumn.
Go to the top of the page
+Quote Post
Dandelion
post
Post #10





Grupa: Zarejestrowani
Postów: 169
Pomógł: 0
Dołączył: 27.01.2006

Ostrzeżenie: (0%)
-----

(IMG:http://images21.fotosik.pl/147/ead02b7be7d77b28m.jpg)

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

Ten post edytował Dandelion 5.04.2007, 23:13:34
Go to the top of the page
+Quote Post
kwiateusz
post
Post #11


Admin Techniczny


Grupa: Administratorzy
Postów: 2 072
Pomógł: 93
Dołączył: 5.07.2005
zapewne o to zeby czerwone i żółte tło miało ta samą długość co zielone...
Go to the top of the page
+Quote Post
Dandelion
post
Post #12





Grupa: Zarejestrowani
Postów: 169
Pomógł: 0
Dołączył: 27.01.2006

Ostrzeżenie: (0%)
-----

przecierz wystarczy zmienic kolory lewego i szarego na czerwony i tak bedzie

(IMG:http://images22.fotosik.pl/86/301881c9b36aedd2m.jpg)

Ten post edytował Dandelion 5.04.2007, 23:28:25
Go to the top of the page
+Quote Post
madel
post
Post #13





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 20.08.2006

Ostrzeżenie: (0%)
-----

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

(IMG:http://images22.fotosik.pl/86/301881c9b36aedd2m.jpg)

No nie o to chodziło :-)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.12.2025 - 16:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn