неполучается опустить вниз div

[sergiyko]

Здравствуйте!

Как можно второй внутренний div поместить вниз родительского ?

<div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;">
	<div style="width: 100%; padding: 5px; background: green;">
		12345
	</div>
	<div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;">
		67890
	</div>
</div>

Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает.

И еще вопрос: почему внутренние дивы вылазят за пределы родительского?

[psywalker]

<div style="width: 500px; overflow: hidden; padding: 5px; height: 450px; border: 1px solid black; position: relative;">

<div style="padding: 5px 5px 60px; background: green;">

12345

</div>

<div style="width: 100%; padding: 5px; height: 50px; background: green; position: absolut; bottom: 0; left: 0;">

67890

</div>

</div>

Edited November 4, 2009 by psywalker

[sergiyko]

psywalker, ничего не помогло. Только первый внутренний див не вылазит за пределы внешнего.

[psywalker]

прости, писал на скорую руку, забыл буковку дописать position: absolute;

<div style="width: 500px; overflow: hidden; padding: 5px; border: 1px solid black; position: relative;">

<div style="padding: 5px 5px 0px; margin-bottom: 60px; background: red;">

gdsgg

</div>

<div style="width: 100%; padding: 5px; height: 50px; background: green; position: absolute; bottom: 0; left: 0;">

67890

</div>

</div>

Edited November 4, 2009 by psywalker

[mishka]

<div style="width: 100%; padding: 5px; height: 50px; background: green; position: absolute; bottom: 0; left: 0;">

67890

</div>

100% ширины нельзя ставить так как есть паддинги боковые

получится ширина блока 100%+10px

также невижу смысла в этом коде. Потому что и при статическом потоке верхний растягивается и отталкивает нижний.

ТС наверное хотел спросить чтото типа как прибить футер книзу?

Edited November 4, 2009 by mishka2

[psywalker]

100% ширины нельзя ставить так как есть паддинги боковые

получится ширина блока 100%+10px

да нее, там его оверфлоу хлопнет

также невижу смысла в этом коде....

ТС наверное хотел спросить чтото типа как прибить футер книзу?

А хотел, значит прибьём, какие проблемы, ты же нас знаешь

Edited November 4, 2009 by psywalker

[mishka]

хлопнет-нехлопнет. Но если текст будет внутри то справа он на 5пикселей обрежется. Посмотри фаербагом.

[psywalker]

хлопнет-нехлопнет. Но если текст будет внутри то справа он на 5пикселей обрежется. Посмотри фаербагом.

Твоя правда, моя очередная невнимательность, уже не знаю, что с ней делать блиин

[sergiyko]

также невижу смысла в этом коде. Потому что и при статическом потоке верхний растягивается и отталкивает нижний.

ТС наверное хотел спросить чтото типа как прибить футер книзу?

Почти так. там типа модальное окно и нужно кнопки вниз прибить. Может есть универсальней метод, но я плохо понимаю в этом.

То что обрезается, это не страшно?

Спасибо вам за помощь!

[mishka]

http://dimox.name/press_footer_bottom_with_css/

[psywalker]

http://psywalker.ru/Forum/shadow/Untitled-1.html всё мужики, я спать

[mishka]

<div style="width: 500px; overflow: hidden; padding: 5px; border: 1px solid black; position: relative;">
<div style="padding: 5px 5px 0px; margin-bottom: 60px; background: red;min-height:300px;">
gdsgg
</div>
<div style="width: 100%; padding: 5px 0; height: 50px; background: green; position: absolute; bottom: 0; left: 0;">
67890
</div>
</div>

Только min-height в ие6 неработает. Это вам критично? Если да то поправим, если нет, то так оставьте.

Edited November 4, 2009 by mishka2