Отправляет email-рассылки с помощью сервиса Sendsay

Web-дизайн, верстка, раскрутка - разработка web-сайтов

Подписаться Бесплатный дискуссионный лист Подписчиков 657
←   Июль 2004   →
 1
 2
 3
03.07.2004
09:50:32
14:58:52
 4
 5
 6
 7
 8
 9
10
11
12
13
14
14.07.2004
01:17:06
22:38:58
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
30.07.2004
11:07:17
17:40:39
31


За последние 60 дней ни разу не выходила


Сайт листа: http://blog.nundesign.com
Открыт: 06-08-2003
Пре-модерация: Да
Адрес для писем в лист: inet.webbuild.webbuilding-list@subscribe.ru
Адрес модератора: inet.webbuild.webbuilding-owner@subscribe.ru

Модератор
NunDesign

Статистика

657 подписчиков
0 за неделю

колонки одинаковой высоты

Здравствуйте!

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

С уважением, Magnolia





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать : mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

Ответить  
Magnolia
Sun, 4 Jul 2004 12:36:40 +0400 (#183759)

 

Ответы:

Здравствуйте.

Проверено ИЕ6, Мозила1, Опера7.

1. Создай основной блок (#level), залей его любым цветом, лучше тем
которым у тебя блок с меню покрашен. Внутрение отступы (padding) - по
нолям.
2. Потом блок с меню создаешь (div#menu),
он у нас слева, поэтому ему - float:left;

3. Сам контент (div#content):
делаем блок без указания ширины, тогда он заимет все
нужное пространство. Заливаем белым цветом. Отступ с лева - на ширину
меню (200px должно хватить.), осталтные - по нолям.

В Опре внизу страницы появляется промежуток, лечится это вставкой
пустого блока.

Сам код собственно:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
div#level {
width:100%;
padding:0px 0px 0px 0px;
background-color:#99CCFF;
border:1px solid #000000;
}
div#menu {
width:200px;
float:left;
}
div#content {
margin:0px 0px 0px 200px;
background-color:#ffffff;
border:1px solid #ff0000;
}
</style>
</head>

<body>
<div id="level">
<div id="menu">
<ul>
<li>первый</li>
<li>второй</li>
<li>третий</li>
<li>четвертый</li>
</ul>
</div>
<div id="content">
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<div id="#"></div>
</div>
</div>
</body>
</html>

Ответить  
Rostislav
Sun, 4 Jul 2004 14:31:42 +0300 (#183805)

 

ПАочему в слоях? Чем таблицы не устраивают?

С уважением,
Андрей Попов / Andrew Popov; www.photoreporter.ru
Челябинск / Russia; pap***@p*****.ru; ICQ 19082675





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать : mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

Ответить  
"Andrew Popov"
Sun, 4 Jul 2004 23:17:14 +0600 (#184002)

 

Здравствуйте!

Насколько я знаю, таблица броузером не отображается пока вся не
загрузится. Если всю страницу сделать как одну большую таблицу, то она
не будет показываться, пока не загрузится полностью. Лучше когда страница появляется
по частям. Вот я и
хочу использовать слои. Да и просто интересно - получится так или нет.
Таблица - это запасной вариант.

Rostislav, спасибо за ответ, но это несовсем то. В этом случае, если
правый слой короче левого, фон (который задается в #level и должен быть виден
только в
меню) будет виден и в оставшейся свободной части справа. Вообще мне
фон у правого слоя и слоя-#level никчему - на странице (для BODY) установлен
фоном в
правом углу непрокручивающийся рисунок (fixed). Для слоя так
установить нельзя - прокручиваться будет (в IE, по крайней мере) :( .

Похоже придется таблицами...

Ответить  
Magnolia
Mon, 5 Jul 2004 22:16:02 +0400 (#184754)

 

Это не так. см. www.photoreporter.ru убедись, что отображение происходит
последовательно, а потом посмотрите исходник.

С уважением,
Андрей Попов / Andrew Popov; www.photoreporter.ru
Челябинск / Russia; pap***@p*****.ru; ICQ 19082675





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Адрес подписки:
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать: mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

Ответить  
"Andrew Popov"
Tue, 6 Jul 2004 01:16:05 +0600 (#184787)

 

Здравствуйте, Magnolia.

Самый простой и надёжный вариант - таблицы.

А вот одной таблицей всё делать действительно не стоит. Принцип такой:
в таблице должна быть только одна строка и сколько нужно столбцов.

Ответить   Andrey Yakushev Mon, 5 Jul 2004 09:40:20 +0400 (#184220)