html,css (div высота) - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - html,css (div высота) (http://forum.oszone.net/showthread.php?t=108934)

brain_13

11-06-2008 13:16 823632

html,css (div высота)

Здравствуйте. Подскажите пожалуйста как можно растянуть вложеный div в div на 100%. Если указывать в пикселях он тянется

Код:

<div class="osnovn">

        

                <div style="float:left; background-color:#cecece; width:100%; " >

                        <div  style="background-color:#edefec; width:100%; min-width:100%; max-width:100%; margin:1px;">&nbsp;                

                        </div>

                </div>

                

                <div class="left">

                левая колонка

                </div>

  

                  <div style="height:100%; width:1%; background-color:#996600; float:left">

Вот это надо растянуть вертикали на всего родителя

                  </div>             



...

Или каким еще способом можно создать полоску на весь главный div

Спасибо.

dima1981

11-06-2008 20:29 823971

Прописываешь position; absolute растягивается, но наверняка и половчей способы существуют...

brain_13

11-06-2008 22:39 824075

position; absolute нельзя ставить так как незнаю точнные координаты

dima1981

12-06-2008 07:58 824249

<div style="position:absolute;100%;height:100%; width:1%; background-color:#996600; float:left"> и так не идёт? высота идет и во весь экран только вот если слова длинные то и ширина увеличивается но самое лучшее это узнать что дальше у тех кто понимает тут такие челы есть

Coutty

12-06-2008 09:02 824271

brain_13, так он на 100% и растягивается. Просто родительский слой в высоту не 100% экрана занимает. Попробуйте так:

HTML код:

<div class="osnovn" style="border-left:#996600 solid 5px; height:100%">

        

                <div style="float:left; background-color:#cecece; width:100%" >

                        <div  style="background-color:#edefec; width:100%; min-width:100%; max-width:100%; margin:1px;">                 

                        </div>

                </div>

                

                <div class="left">

                левая колонка

                </div>

 </div>

Я ведь правильно понял вашу идею? Или что-то другое требуется?

Время: 03:39.