Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]warstwa DIV - nie działa auto
rwalus
post
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:
(IMG:http://www.kiwshop.yoyo.pl/ilustracja.JPG)

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:
[HTML] pobierz, plaintext 
  1. <body>
  2. <br>
  3. <div id="main">
  4. 	<div id="lewy">
  5. 		<div id="gora"></div>
  6. 		<div id="srodek"></div>
  7. 		<div id="dol"></div>
  8. 	</div>
  9. 	<div id="prawy">
  10. 	<p>2</p>
  11. 	<p>2</p>
  12. 	<p>2</p>
  13. 	<p>2</p>
  14. 	</div>
  15. </div>
  16. </body>
[HTML] pobierz, plaintext


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





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

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

Kombinowanie jak to zrobić nie ma zbyt wielkiego sensu. Radzę zainteresować się techniką CSS Sliding Doors do grafiki w tle.
Go to the top of the page
+Quote Post

Posty w temacie
- rwalus   [HTML][CSS]warstwa DIV - nie działa auto   11.02.2009, 21:39:53
- - mls   Kombinowanie jak to zrobić nie ma zbyt wielkiego s...   11.02.2009, 21:45:49
- - rwalus   a jednak będę bardzo wdzięczny za pomoc   11.02.2009, 21:53:32
- - drzalek   Jeśli dobrze zrozumiałem o co Ci chodzi, to przede...   12.02.2009, 01:55:37
- - rwalus   włanie DIV lewy dopasowuje sei idealnie do wysokoś...   12.02.2009, 09:59:24
- - drzalek   Dopasowuje się idealnie tylko do momentu kiedy ...   12.02.2009, 14:07:16

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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