Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   абсолютный див расстягивает body (http://www.flasher.ru/forum/showthread.php?t=108140)

All87 15.02.2008 22:31

абсолютный див расстягивает body
 
есть блочная нарезка, но
abs div расположенный в контенте, с динамической высотой, при большой высоте расстягивает body и не растягивает контент.
Получается так что див привязанный к низу (копирайт) не придерживается низа
abs div имеет динамическую высоту и после загрузки страницы
Есть ли стилевая обманка, которая заставила бы растягиваться статический блок, относительно абсолютного?
Или может кто подскажет событие в js ресайза боди (ресайз окна не подходит, тк ресайз боди не есть ресайз окна)
Через таймеры не устраивает
Зарание спасибо за внимание

KidsKilla 17.02.2008 23:08

попробуй HTML,BODY{height:100%} ... мб поможет, но не уверен...

All87 18.02.2008 22:07

это не то что нужно..
Наверное вы меня не поняли.. или скорей всего я хачу нечно невозможное или исполняющиеся но слишком по кривому, хотя если кто то знает простой ответ, опишите плиз.

KidsKilla 19.02.2008 13:33

я понял что ты имеешь в виду, но приведенный выше вариант не работает. адекватного решения кроме как жс я не нашел =/

All87 25.02.2008 23:47

Кому интересно, нашел, забыл отписаться.
Воспользовался "багом" табл + блочн резка вот код
выглядит как абсолютное меню, но растегивает контентную область )

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>

<body>
<div style="clear:both; float:left;">
&nbsp;
</div>

<div style="clear:both; float:left; background-color:green; position:relative;">
Text like abs! Text text text  <!-- LIKE MENU -->
</div>

<div style="clear:both; float:left; background-color:green; position:relative;">
Text2 like abs! Text text text <!-- LIKE MENU -->
</div>

<table style="background-color:red"> <!-- CONTENT -->
<tr>
<td>TD1
</td>
<td>TD2
</td>
</tr>
<tr>
<td>TD21
</td>
<td>TD22<br>x<br>
</td>
</tr>
</table>
<div style="clear:both">
foter
</div>
</body>
</html>

Работает и со strict тестил в 3х браузерах

KidsKilla 26.02.2008 18:00

одного не понял, где абсолютный див?

All87 26.02.2008 21:18

В том то и дело что его нет, он работал в качестве меню (абсолютного)
я неправильно наверное задачу описал, но если бы знал что ответ выглядит так, то наверно написал бы: нужен блок похожий по свойствам на абсолютный(находился поверх), но растягивающий контент.
"..выглядит как абсолютное меню..", те мне больше ничего и не надо :)

KidsKilla, спасибо что уделил внимание моей проблеме.

KidsKilla 28.02.2008 03:13

тьфу. то что ты хочешь можно сделать раза этак в 2 проще. если покажешь картинкой что именно, подскажу как сделать.

All87 28.02.2008 15:20

Окей )
Буду рад посмотреть
вот картинки http://all87.justfree.com/

Йожег 28.02.2008 15:53

может сделать див с отрицательным маргином, чтоб туда проваливался контент собственно он будет не абсолютный но поверх текста, только вроде чтоб был поверх ему надо поставить position:relative; z-index работать не с абсолютным не будет, сам не проверял пока нет времени, но как идея может пригодится


Часовой пояс GMT +4, время: 01:52.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.