2 Cells

7th April 2004 - 01:31

При облаве в наркопритоне был зверски убит сержан Петров. Через трое суток сержанта отпустило.

Ну что, двинем тушками?

cell
3) части, отделения, на которые поделено что-л.
     а) ящик стола, бюро, серванта

Abby Lingvo

Задача «простая»: две колонки равной высоты, минимально — высота окна браузера. Готовых решений не предлагаю, просто мысли.

№ 1. Таблица. Об этом хорошо написал Александр Шуркаев, повторяться не буду.

№ 2. Не сами колонки, а их эмуляция. Цветом или фоновым рисунком. Про графический обман можно почитать на alistapart.com («Faux Columns» by Dan Cederholm). Идеология соблюдена, способ оставляет достаточно широкие возможности для позиционирования блоков, однако иногда одной эмуляции недостаточно.

Нам лёгкости не нужны, только стоя и в гамаке!

№ 3. JavaScript.

№ 4. Float для IE, переопределение значений свойства display у div’ов:

CSS:
html, body { height:100%; margin:0; padding:0; }
#all { height:100%; }
#left, #right { height:100%; width:50%; float:left; }

HTML:
<div id="all">
  <div id="left"> {Left Cell} </div>
  <div id="right"> {Right Cell} </div>
</div>

IE мы удовлетворили. Нормальным браузерам отдаём «перебитые» стили, добавляя такие строки:

CSS:
html>body { display:table; width:100%; }
html>body #all { display:table-row; }
html>body #left,
html>body #right { display:table-cell; float:none; }

Да-да, таблица. Только несколько иная.

Недостаток: блоки могут поплыть. Как вариант:

CSS:
#all {
  height:100%;
  width:expression(document.body.clientWidth>700?"100%":"700px");
  /* для самого стандартного браузера  */
}

Categories: CSS, dHtml | comments: (3)

Комментарии

1. Vadim 7th April 2004 - 18:14

Байка: В Древней Греции девушек возили к Минатавру. По пути они напивались и перетрахивались со всеми на корабле. А когда доплывали до острова, воскликали:
— Где этот Мандатавр?
На что Минатавр очень обижался и сетовал, что, мол зовут его Минатавр и лабиринт его не проходной двор…

Mash:

… по приезду женщины требовали продолжения банкета, шампанского и Минотавра.

2. Rat 9th April 2004 - 18:19

Кто бы мог подумать! :-0 Какие подробности из жизни короля Артура!

3. Vadim 9th April 2004 - 19:26

хи-хи

Комментарии временно отключены.