VPF::Высота div блока - Форум программистов

EDuard

Дата 14.3.2006, 21:13 (ссылка)

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

Загрузка ...

Опытный

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

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

Привет.
Есть двухколончатая таблица. В каждой колонке див блок. Нужно что бы при увеличении высоты одного, высота второго приобретала тот же размер. Если выставляю колонкам таблицы Height: 100% то в IE и FireFox все отлично, но в опере не работает! smile

Как можно решить эту проблему?

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

Illuminaty

Дата 14.3.2006, 21:15 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

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

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

а выставить div'ам height:100% не помогает?

EDuard

Дата 14.3.2006, 21:17 (ссылка)

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

Загрузка ...

Опытный

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

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

Illuminaty, нет к сожалению smile

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

Illuminaty

Дата 14.3.2006, 21:21 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

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

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

Выложи кода кусок лучше. Так легче будет разобраться в проблеме

EDuard

Дата 14.3.2006, 21:25 (ссылка)

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

Загрузка ...

Опытный

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

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

В архиве html и css.

Код


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="1.css" type="text/css">
</head>
<body>
<div id="head">HEAD</div>
<table cellpadding="0" cellspacing="0" id="table">
  <tr> 
    <td width="50%" height="100%"><div id="leftcolumn">LEFT sdfg sdfg dsfg dfsg dsfg dfsg sdfg 
        dfs fsdg sdfg sdfg dsfg fdg dsfg dfs sdgsd sdfg sdf gdfgds sdfg dsg dsf 
        gdsfg dsf dsf dfgsdf gdsfgdfsgdfsgsdf gdfs</div></td>
    <td width="50%" height="100%"><div id="rightcolumn">RIGHT </div></td>
  </tr>
</table>
<div id="footer">FOOTER</div>
</body>
</html>

Код


body{
font: 13px Tahoma, Verdana; color: #333333;
margin: 0;
padding: 2px 35px 0 35px; 
background-color: #999999;
}
table{
text-align: left;
text-align: top;
}
#table{
border: 0;
width: 100%;
margin: 2px 0 2px 0;
}
/* HEAD */
#head{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
/* LEFTCOLUMN */
#leftcolumn{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
margin-right: 1px;
height: 100%;
}
/* RIGHTCOLUMN */
#rightcolumn{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
margin-left: 1px;
height: 100%;
}
/* FOOTER */
#footer{
clear: both;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}

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

___________.zip 0,86 Kb

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

EDuard

Дата 15.3.2006, 18:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Совсем отчаялся. Решил вместо дивов вставить таблицы, но в итоге все вышло тоже самое в ie и лисе нормально, а в опере караул! по высоте не вытягивается ни в какую. smile

Никто не сталкивался с такой проблемой?

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

EDuard

Дата 15.3.2006, 19:13 (ссылка)

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

Загрузка ...

Опытный

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

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

Все гениальное просто!
Так же оказалось и в этот раз.
Нужно выставить блокам правила:

Код



/* LEFTCOLUMN */
#leftcolumn{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
margin-right: 1px;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
/* RIGHTCOLUMN */
#rightcolumn{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
margin-left: 1px;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

а таблице

Код


table{
text-align: left;
text-align: top;
overflow: hidden;
}

И вуаля в IE, FireFox и Opera все пашет.

P.S. ответ подсказали на другом форуме в виде ссылки на эту статью.

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

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