Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > слой наезжает на таблицу


Автор: Teleport 11.11.2008, 14:45
вот возникла проблема с наездом слоя на таблицу. При разрешении экрана 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
Код

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

?

Автор: Teleport 11.11.2008, 17:09
2 ksnk - я тебя не понял smile подробнее пожалуйста, если нетрудно)))))))))

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

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

Автор: Teleport 11.11.2008, 18:45
2 ksnk  - нее...  smile  не оно)))))) smile 
Цитата

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

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

Автор: ksnk 11.11.2008, 19:26
тогда - немного посложнее...

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

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

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

Автор: Teleport 11.11.2008, 20:41
2 ksnk
Цитата

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



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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)