Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][XHTML][DIV] Problem z rozciągnięciem
rafolik
post 25.02.2007, 14:40:52
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 25.02.2007, 18:56:06
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 25.02.2007, 19:28:33
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 exclamation.gif!

Ten post edytował rafolik 25.02.2007, 19:33:58
Go to the top of the page
+Quote Post
gekon
post 26.02.2007, 01:58:28
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


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
rafolik
post 26.02.2007, 14:13:47
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 26.02.2007, 14:36:09
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 5.04.2007, 19:43:59
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/


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Dandelion
post 5.04.2007, 22:37:47
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 ?



[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 5.04.2007, 22:45:07
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.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Dandelion
post 5.04.2007, 23:12:56
Post #10





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

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



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 5.04.2007, 23:15:55
Post #11


Admin Techniczny


Grupa: Administratorzy
Postów: 2 071
Pomógł: 93
Dołączył: 5.07.2005
Skąd: Olsztyn
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 5.04.2007, 23:23:47
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



Ten post edytował Dandelion 5.04.2007, 23:28:25
Go to the top of the page
+Quote Post
madel
post 8.04.2007, 23:34:38
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


No nie o to chodziło :-)


--------------------
Pozdrawiam wszystkich chcących pomóc!
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 23.06.2025 - 05:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn