Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
Start new topic
Odpowiedzi
Dandelion
post
Post #2





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)

  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. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  7. <meta http-equiv="content-language" content="pl" />
  8.  
  9. <title>Bolesław Prus</title>
  10. <link rel="stylesheet" href="style.css" type="text/css"/>
  11.  
  12. </head>
  13.  
  14.  
  15. <div id="logo">logo</div>
  16.  
  17. <div id="glowny">
  18.  
  19. <div id="lewa">lewa</div>
  20.  
  21. <div id="prawa">prawa</div>
  22.  
  23. <div id="srodek">srodek <p>3</P>3<p>3</P>3<p>3</P>3<p>3</P>3</div>
  24.  
  25. </div>
  26.  
  27. <div id="stopka">stopka</div>
  28.  
  29.  
  30. </html>


  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. }


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

Posty w temacie


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

 



RSS Aktualny czas: 27.12.2025 - 00:42