Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]warstwa DIV - nie działa auto
rwalus
post 11.02.2009, 21:39:53
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 9.02.2009

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


Witam. Mam problem dotyczący DIV-a. Sytuacja wygląda tak:


Na stronie jest jeden główny DIV-main, w nim sa 2 obok siebie - lewy i prawy (wysokość jednego dostosowuje sie do drugiego, co widać na rys). W DIV-ie lewy mam jeszcze 3 DIV-y (góra, srodek i dól), DIV-y góra i dół maja określona wysokość. Chcaiłbym aby wysokość DIV-a srodek automatycznie dostosowywała(rozciagała) sie do DIV-a macierzystego (lewy)

Poniżej przedstwiam kod:
  1. <br>
  2. <div id="main">
  3. <div id="lewy">
  4. <div id="gora"></div>
  5. <div id="srodek"></div>
  6. <div id="dol"></div>
  7. </div>
  8. <div id="prawy">
  9. <p>2</p>
  10. <p>2</p>
  11. <p>2</p>
  12. <p>2</p>
  13. </div>
  14. </div>
  15. </body>


jeszcze CSS:
Kod
BODY {background-color: 18187c; text-align: center; margin: 0; }

DIV{border: 0px solid #333333; margin: 0px;}

DIV#main {width: 610px; height: auto; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden;}

DIV#lewy { background: #FF0000; width: 150px; float: left;}

DIV#prawy {background: #FFF; width: 460px; float: left;}

DIV#gora {background: #FFF url('up.jpg'); width: 150px; height: 30px;}

DIV#srodek {background-color: 18187c; width: 150px; height: auto;}

DIV#dol {background: #FFF url('down.jpg'); width: 150px; height: 30px;}

DIV#lewy,#prawy{padding-bottom: 2000px; margin-bottom: -2000px;}


Prosze o pomoc.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:11