VPF::слой наезжает на таблицу - Форум программистов

Teleport

Дата 11.11.2008, 14:45 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

вот возникла проблема с наездом слоя на таблицу. При разрешении экрана 1280 на 1024 и полном размере окна следующий код - выглядит нормально. А вот если окно уменьшать постепенно или установить разрешение 800 на 600, то слой наезжает на таблицу. Как бы так сделать, чтобы слой оставался на экране вместе с таблицей, но как только при уменьшении размеров окна слой доезжает до таблицы, то он не перекрывает таблицу, о останавливается. smile

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
<!--
#apDiv2 {
    position:absolute;
    width:312px;
    height:167px;
    z-index:1;
    right:43px;
    orphans:50%;
    top: 7px;
}

-->
</style>
</head>

<body>
<div id="apDiv2">Здесь располагается содержимое нового тега Div 444444 44444444444 44444444444 44444444444444 444444444444444 44444444444444</div>
<table width="56%" border="0">
  <tr>
    <td>ooooooo oooooooooooooo oooooooooooooooooooooooo ooooooooooooooooo ooooooooooooo</td>
  </tr>
</table>
</body>
</html>

--------------------

ksnk

Дата 11.11.2008, 16:25 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Код


<div style="padding-right:355px;">
<table  border="1">
  <tr>
    <td>ooooooo oooooooooooooo oooooooooooooooooooooooo ooooooooooooooooo ooooooooooooo</td>
  </tr>
</table>
</div>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Teleport

Дата 11.11.2008, 17:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

2 ksnk - я тебя не понял smile

подробнее пожалуйста, если нетрудно)))))))))

--------------------

ksnk

Дата 11.11.2008, 17:19 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Этот table можно обернуть в div, у которого padding-right размером с ширину абсолютного слоя. Тогда можно у таблицы убрать среднепотолочный width:56%. smile

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Teleport

Дата 11.11.2008, 18:45 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

2 ksnk - нее... smile

не оно)))))) smile

Цитата

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

- а как же тогда это лечится? покажи? JavaScript?

--------------------

ksnk

Дата 11.11.2008, 19:26 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

тогда - немного посложнее...

-- Абсолютный слой можно сделать плавающим.

-- в таблицу переверстать...

-- разбить каждую букву ooooooo ... в таблицу символом 

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Teleport

Дата 11.11.2008, 20:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

2 ksnk

Цитата

-- Абсолютный слой можно сделать плавающим.

это вот как сделать? smile

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »