VPF::Таблица с дивом сьезжают - Форум программистов

April

Дата 16.2.2007, 00:10 (ссылка)

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

Загрузка ...

Новичок

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

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

Когда смотришь в полностью открытом окне на страницу в ИЕ - всё нормально.
Как только изменяю размер окна, нажав "свернуть", то див и таблица с картинкой внутри, сьезжают вниз.

Код


<html>
<head>
<style>
.block1 { width:100% ; height: 84px; background: lightblue; padding: 5px;  border: solid 1px black; clear: both;}
.block2 { width: 120px; border-width:3px; color:red;  background: silver; padding: 5px; }

</style>
</head>
<body bgcolor="lightgreen">
<table border="2" width="60%" align="center" height="100%">
<tr><td>
<div class="block1" align="center"><h2>КВН-team "Зажигалка"</h2></div>
<div style='background-color: lightblue; 
            width: 120px; 
            height: 570px; 
            border-style: solid;
            border-width: 1px;
            border-color: black;
            float: left;
            '>   
<a class='block2' href='#'><center>Главная</center></a>
<a class='block2' href='#'><center>Команда</center></a>
<a class='block2' href='#'><center>Наши шутки</center></a>
<a class='block2' href='#'><center>Фото</center></a>
<a class='block2' href='#'><center>Видео</center></a>


</div>

<div style="background-color: lightblue; 
            width: 533px; 
            height: 570px; 
            float: left;">
             

<table border="1" align="left">
<tr><td>
<img src="44.jpg"></td></tr>
</table>  
</div>

</td>
</tr>
</table>
</body>
</html>

DEER

Дата 16.2.2007, 15:31 (ссылка)

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

Загрузка ...

Опытный

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

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

как я понял должно быть так

Код


<html>
<head>
<style>
.block1 { width:100% ; height: 84px; background: lightblue; padding: 5px;  border: solid 1px black; clear: both;}
.block2 { width: 120px; border-width:3px; color:red;  background: silver; padding: 5px; }

</style>
</head>
<body bgcolor="lightgreen">
<table border="2" width="60%" align="center" height="100%">
<tr><td colspan=2>
<div class="block1" align="center"><h2>КВН-team "Зажигалка"</h2></div>
</td>
</tr> 
<tr><td>
<div style='background-color: lightblue; 
            width: 120px; 
            height: 570px; 
            border-style: solid;
            border-width: 1px;
            border-color: black;
            float: left;
            '>  
<a class='block2' href='#'><center>Главная</center></a>
<a class='block2' href='#'><center>Команда</center></a>
<a class='block2' href='#'><center>Наши шутки</center></a>
<a class='block2' href='#'><center>Фото</center></a>
<a class='block2' href='#'><center>Видео</center></a>


</div>
</td>
<td>
<div style="background-color: lightblue; 
            width: 533px; 
            height: 570px; 
            float: left;">
             

<table border="1" align="left">
<tr><td>
<img src="44.jpg"></td></tr>
</table>  
</div>
</td>
</tr>


</table>
</body>
</html>

Зачем так многа дивов?

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

April

Дата 16.2.2007, 16:23 (ссылка)

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

Загрузка ...

Новичок

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

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

Да, всё работает спасибо.

Цитата

Зачем так многа дивов?

А как можно по другому сделать?

DEER

Дата 16.2.2007, 17:39 (ссылка)

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

Загрузка ...

Опытный

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

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

ну елемент <td></td> это уже область. а ты в неё ещё и div суешь
типа избыточность, что ли получается.

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

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