Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Automatycznie rozciągający się div, Rozciąganie diva w zależności od zawartości
kristos44
post 21.02.2010, 13:50:11
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 1
Dołączył: 6.04.2009
Skąd: łdz

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

Potrzebuję zrobić trzy kolumnowy układ strony plus nagłówek i stopka. Kod html wygląda tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  5.         <link rel="stylesheet" href="style.css" type="text/css"/>
  6.         <title></title>
  7.     </head>
  8.     <body>
  9.         <div id="wrapper">
  10.             <div id="top">
  11.             top
  12.             </div>
  13.             <div id="menu">
  14.             menu
  15.             </div>
  16.             <div id="content">
  17.                 <div id="left">
  18.                 left
  19.                 </div>
  20.                 <div id="center">
  21.                 center</br>
  22.                 center</br>
  23.                 center</br>
  24.                 center</br>
  25.                 center</br>
  26.                 center</br>
  27.                 center</br>
  28.                 center</br>
  29.                 center</br>
  30.                 center</br>
  31.                 </div>
  32.                 <div id="right">
  33.                 right</br>
  34.                 right</br>
  35.                 right</br>
  36.                 right</br>
  37.                 right</br>
  38.                 </div>
  39.             </div>
  40.             <div id="clear"></div> 
  41.             <div id="footer">
  42.             footer
  43.             </div>
  44.         </div>
  45.     </body>
  46. </html>
[HTML] pobierz, plaintext

Do tego plik css:
[HTML] pobierz, plaintext 
  1. html, body, div {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. #wrapper {
  7.     margin: 0 auto;
  8.     width: 1000px
  9. }
  10.  
  11. #top {
  12.     background: blue;
  13.     height: 150px
  14. }
  15.  
  16. #menu {
  17.     background: yellow
  18. }
  19.  
  20. #content {
  21.     background: red;
  22.     width: 1000px;
  23. }
  24.  
  25. #left {
  26.     width: 200px;
  27.     float: left
  28. }
  29.  
  30. #center {
  31.     width: 600px;
  32.     float: left
  33. }
  34.  
  35. #right {
  36.     width: 200px;
  37.     float: left
  38. }
  39.  
  40. #clear {
  41.     clear: both;
  42. }
  43.  
  44. #footer {
  45.     background: orange;
  46.     width: 1000px
  47. }
[HTML] pobierz, plaintext


Chciałbym aby div content rozszerzał się w dół w zależności od wysokości divów w nim zawartych. W zasadzie w zależności od wysokości diva center, gdyż jest to div z treścią i z reguły będzie najdłuższy.


--------------------
kristos.pl
Go to the top of the page
+Quote Post
skowron-line
post 21.02.2010, 13:52:44
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

Najprościej będzie to chyba zrobić w JS.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 18.07.2025 - 08:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn