VPF::позиционирование слоя в точном месте

Enya

Дата 5.6.2007, 23:35 (ссылка)

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

Загрузка ...

Опытный

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

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

Хочу решить вот такую вот задачу.
(см. прикреплённый фаил)
есть табличка. и в нужно месте нужно расположить блок. слоем. желательно что бы при разных разрешениях смотрелось одинаково. посоветуйте пути решения этой задачи. положить друг на друга не вопрос. вопрос в том как его правильно вот так вот спозиционировать в нужном месте при разных размерах монитора.

Присоединённый файл ( Кол-во скачиваний: 19 )

div_layer.jpg 43,82 Kb

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

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1

webster

Дата 6.6.2007, 12:31 (ссылка)

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

Загрузка ...

Опытный

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

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

Можно сделать например вот так:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Sample</title>
<style type="text/css">
table
    {
    margin: 0; 
    padding: 0; 
    border-collapse: collapse; 
    position: absolute; 
    top: 100px; 
    left: 200px;
    }
td
    {
    vertical-align: top;
    background: #333;
    height: 250px;
    width: 500px;
    margin: 0; 
    padding: 0;
    }
div
    {
    background: pink;
    width: 300px;
    height: 50px;
    position: relative;
    top: 100%;
    left: 100%;
    margin-top: -25px;
    margin-left: -250px;
    }
</style>
</head>
<body>
    <table>
    <tr>
        <td>
            <div></div>
        </td>
    </tr>
    </table>
</body>
</html>

dstorm81

Дата 6.6.2007, 14:44 (ссылка)

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

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 3
Всего: 39

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

Код


<html>
<head>
<style>
.one{position:relative;width:500px;background:red;border:1px solid black;}
.one div.two{width:200px;background:blue;border:1px solid black;position:absolute;right:0px;bottom:-20px}
.cont{background:yellow;margin:0 0 50px 0}
</style>
</head>
<body>
перед текстом слова
<center>
<div class="one">
<div class="cont">вот этот див будет типа главной таблицой, в общем белиберда такая, но тз такое<br />вот этот див будет типа главной таблицой, в общем белиберда такая, но тз такое<br />и он еще также растягиваетсо, опуская вниз синенькую хренотеньку</div>
<div class="two">а вот это вот лажа будет внутри контейнкра оне</div>
</div>
</center>
сделать отступы если что-то писать будешь далее иначе налезет

</body>
</html>

Это сообщение отредактировал(а) dstorm81 - 6.6.2007, 15:28

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

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

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