 [HTML][CSS] div się powiększa wraz z zawartością |
| [HTML][CSS] div się powiększa wraz z zawartością |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 4 Dołączył: 7.02.2009 Skąd: pless Ostrzeżenie: (0%) 
 |
cześć, Zrobiłem nowy layout na stronę i mam z nim problem. Kod html:
height: 25px; text-align: left; } #left { background: brown; margin-bottom:-1000px; padding-bottom:1000px; height: 100%; text-align: left; width: 200px; float: left; } #right { background: yellow; margin-bottom:-1000px; padding-bottom:1000px; height: auto; width: 820px; float: left; overflow: hidden; } chodzi o to, że prubuję zrobić tak: minimalna wysokość strony to 1000px (div left, right) oraz tak zeby te 2 divy zawsze miały tą samą wysokość z czego div right dopasowywał by się do zawartości.... [/list] |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 495 Pomógł: 245 Dołączył: 1.07.2009 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Musisz diva left i right umiescic w jeszcze jednym divie. To bedzie tak:
I CSS do tego: Kod body { background: #f9f9f9; } #all { margin: 0 auto; width: 1020px; } #logo { height: 30px; background: blue; } #topmenu { background: green; background-image: url(img/menu_nav_top.jpg); height: 25px; text-align: left; } #left { background: brown; margin:0; padding:0; text-align: left; width: 200px; float: left; height:100%; min-height:1000px; } #right { background: yellow; margin:0; padding:0; width: 820px; overflow: hidden; height:100%; min-height:1000px; } #content{ min-height:1000px; background: brown; height:100%; } EDIT: Poprawka. Teraz będzie działało! Właściwie to jest to takie mini-oszustwo bo dev levy w rzeczywistości nie będzie przybierał wysokości prawego ale wypełnieniem pod nim będzie div id="content". Jeśli z kolei lewy div ma zawierać wiecej tekstu niż prawy to wystarczy zmienic background z content na taki jaki ma div prawy i jest ok. Ten post edytował sadistic_son 21.07.2009, 20:11:37 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 121 Pomógł: 26 Dołączył: 2.07.2007 Ostrzeżenie: (0%)
|
Divy i kolumny równej wysokości: http://buildinternet.com/2009/07/four-meth...height-columns/
BTW. Trochę namieszałeś z tym layoutem: jakieś margin -1000px, padding 1000px - po co takie cyrki ? |
|
|
|
 |
|
Aktualny czas: 23.08.2025 - 04:55 |
;</div><li class="li2"><div class="de2"> height: 25px;</div><li class="li1"><div class="de1"> text-align: left; </div><li class="li2"><div class="de2">}</div><li class="li1"><div class="de1"> </div><li class="li2"><div class="de2">#left {</div><li class="li1"><div class="de1">background: brown;</div><li class="li2"><div class="de2">margin-bottom:-1000px;</div><li class="li1"><div class="de1">padding-bottom:1000px;</div><li class="li2"><div class="de2">height: 100%;</div><li class="li1"><div class="de1">text-align: left;</div><li class="li2"><div class="de2"> width: 200px;</div><li class="li1"><div class="de1"> float: left;</div><li class="li2"><div class="de2">}</div><li class="li1"><div class="de1"> </div><li class="li2"><div class="de2">#right {</div><li class="li1"><div class="de1">background: yellow;</div><li class="li2"><div class="de2">margin-bottom:-1000px;</div><li class="li1"><div class="de1">padding-bottom:1000px;</div><li class="li2"><div class="de2">height: auto;</div><li class="li1"><div class="de1"> width: 820px;</div><li class="li2"><div class="de2"> float: left;</div><li class="li1"><div class="de1"> overflow: hidden;</div><li class="li2"><div class="de2">}</div><li class="li1"><div class="de1">chodzi o to, że prubuję zrobić tak:</div><li class="li2"><div class="de2">minimalna wysokość strony to 1000px (div left, right) oraz tak zeby te 2 divy zawsze miały tą samą wysokość z czego div right dopasowywał by się do zawartości....</div><br />[/list]<div class="foot">[HTML] <a href=){kind=link}