Вопрос по html/css.

latinos666

Люди,кто знает,как привязать полоску (высотой 20px, шириной 100%) к низу страницы.
Т.е. если сайт будет без прокрутки - то эта полосочка не должна уходить вверх, а должна привязаться к нижней части окна баузера.
Уже запарился, не знаю, че делать.

otets-mihail

<body style="padding:0px; margin: 0px">



<div style="position: absolute; bottom: 0px; width: 100%; margin:0px; height: 20px;padding:0px; background-color: red">

1

</div>



</body>

latinos666

о, спасибо.
но, получается, если страница с прокруткой, то эта штука привязывается к окну и при прокрутке остается посреди страницы. А можно как-то сделать,чтоб:
если нет прокрутки, то она была такой как сейчас
если есть, то привязывалась к самой страничке, а не к окну?

otets-mihail

ты хочешь чтобы высота основного пространства была max(высота контента, высота окна)
а такое вроде нельзя сделать

gopnik1994

ничего не понимаю в цсс, но наверное ему помогут фреймы...

uncle17

чо-то понимаю в цсс. Фреймы вряд ли помогут, ибо не избавят от той же проблемы
Автору: Как сделать, придумать не могу

otets-mihail

проверил, таблицы ведут себя так, как тебе надо

<html>

<head>

</head>

<body style="padding:0px; margin: 0px; " >



<table border="1" style="width: 100%; height: 100%">

<tr>

<td>

<img height="1000px" />

</td>

</tr>

<tr>

<td style="height: 20px; background-color: red">

BOTTOM

</td>

</tr>

</table>

</body>

</html>

<html>

<head>

</head>

<body style="padding:0px; margin: 0px; " >



<table border="1" style="width: 100%; height: 100%">

<tr>

<td>

<img height="100px" />

</td>

</tr>

<tr>

<td style="height: 20px; background-color: red">

BOTTOM

</td>

</tr>

</table>

</body>

</html>

gopnik1994

кто-то из нас двоих неправильно понял задачу...

artimon

http://www.alistapart.com/articles/footers/

gopnik1994

<HTML>
<FRAMESET rows="*, 20" border=0>
<FRAME src="javascript:for(i=1; i<=50; i++){document.write('<p>Paragraph №'+i+'</p>');} void(0);">
<FRAME src="javascript:document.write('<body bgcolor=FF0000/>'); void(0);">
</FRAMESET>
</HTML>

slonishka

не. ему надо, как у шаллера, а не как у тебя.

otets-mihail

ему, вроде надо, чтобы при наличии прокрутки, полоса была внизу страницы, а не внизу окна

gopnik1994

цитирую:

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

задача была поставлена именно с привязкой к окну, а не страницы.

otets-mihail

если сайт будет без прокрутки

slonishka

как-то сделать,чтоб:
если нет прокрутки, то она была такой как сейчас
если есть, то привязывалась к самой страничке, а не к окну?

gopnik1994

ок, утухаю.

jonishko

палучилос и дивами

<html>

<head>

<style>

html,body{height:100%;margin:0;padding:0;}

.body{min-height:100%}

* html .body{height:100%}



.rel{position:relative;}

.copyright{position:absolute;width:100%;height:20px;top:-20px;background:red;}

</style>

</head>



<body>



<div class='body'>

	content

</div>



<div class='rel'>

	<div class='copyright'>

                   &nbsp;

	</div>

</div>



</body></html>

Оставить комментарий