Комментарии к статье «Разметка, основанная на абсолютном позиционировании»

Автор: Денис Талала

Денис Талала — Sun, 22 Jul 2007 13:21:05 +0000

Интересная и полезная статья. Давно столкнулся с этой проблемой, и вот — решение. :)

Автор: Денис Талала

Денис Талала — Sun, 22 Jul 2007 15:40:47 +0000

Покопался в шаблоне. Мне кажется, что с помощью table и td все это можно сделать гораздо проще…

Автор: gordi

gordi — Sun, 22 Jul 2007 16:58:40 +0000

А если поискать?

Два скролл бара вместо одного? Это круто ;)

POSITION: fixed; За и против.

Автор: Денис Талала

Денис Талала — Sun, 22 Jul 2007 17:04:12 +0000

Два скролл бара вместо одного? Это круто ;)

Мне это показалось неудобным.

Автор: gordi

gordi — Sun, 22 Jul 2007 17:14:55 +0000

А, что неудобного?
Как минимум лет пять назад это бы прокатило.
Но сегодня рекомендовать подобное не имеет смысла.

Автор: Денис Талала

Денис Талала — Sun, 22 Jul 2007 17:16:37 +0000

А, что неудобного?
Как минимум лет пять назад это бы прокатило.
Но сегодня рекомендовать подобное не имеет смысла.

Сами ответили на свой вопрос. :)

Автор: gordi

gordi — Sun, 22 Jul 2007 17:21:53 +0000

>Но сегодня рекомендовать подобное не имеет смысла.
Имеет отношение к публикации, что расположена чуть выше ;)

Автор: Sam

Sam — Mon, 23 Jul 2007 09:40:22 +0000

Спасибо

Прочитал в оригинале, но перевода ждал...

Автор: zlodie

zlodie — Mon, 23 Jul 2007 11:43:55 +0000

спасибо.
пригодилось. дело не в двух скроллбарах, а в возможности растянуть контейнер от заданного места и до конца экрана.

Автор: Tokolist

Tokolist — Mon, 23 Jul 2007 19:15:26 +0000

Уже все давно решено без expression ;)

http://forum.htmlbook.ru/viewtopic.php?pid=22338#p22338

ЗЫ только обратите внимание на комментарий в ЦСС и хорошо разберитесь в примере на цссплей
ЗЫ ЗЫ чем плох экспрешин думаю все знают... если нет - назову как минимум три причины

Автор: Евгений

Евгений — Wed, 25 Jul 2007 13:07:58 +0000

Tokolist
Конечно, использование JavaScript в разметке это не нормально, но и quirks mode, в котором работает предложенный на CSSPlay пример, тоже не самое элегантное решение, для меня он вообще неприемлем.

Если не сложно хотелось бы услышать, ваши доводы против expression, хотя я сам никогда не стал бы их использовать, самым серьезным недостатком мне кажется то, что JavaScript может быть отключен.

PS Очень неплохим решением этой проблемы было бы надрать задницу разработчикам IE.

Автор: Tokolist

Tokolist — Thu, 26 Jul 2007 20:09:00 +0000

> но и quirks mode, в котором работает предложенный на CSSPlay пример, тоже не самое элегантное решение, для меня он вообще неприемлем.

Надеюсь что то что я напишу ниже не превратится в очередной спор :)

В общем, гипотетически людей которые занимаются версткой можно разбить на три категории (ИМХО):
1. люди которые строго следую стандартам и не изменяют этому принципу ни при каких обстоятельствах (даже если заказчик предлагает им хорошие деньги :) )
2. люди которые плюют на стандарты с высокой башни :)
3. люди которые следуют стандартам, но если есть необходимость, то можно слегка плевнуть :) - ведь главное отображение в браузерах, обычный пользователь ведь глубоко плевал на код - он видит "внешнюю" часть страницы.
Так вот, я отношусь к третей категории людей. Поэтому для меня такой вариант приемлем, если другого нет, а надо что-то делать :)

> Если не сложно хотелось бы услышать, ваши доводы против expression

1. скрипты должны быть включены (что и так ясно)
2. это не по стандартам (и то что вы будете использовать CC не значит, что вы верстаете правильно). хотя для данного конкретного случая это не существенно :)
3. говорят, что они замедляют рендеринг страницы, хотя на практике сильного замедления не наблюдал.

Что использовать в данном случае рекомендовать не стану. Скажу только, что я бы или убедил заказчика отказаться от такого или бы использовал вариант без экспрешинов.

Автор: Alex

Alex — Wed, 01 Aug 2007 07:56:20 +0000

Используя CSS можно сделать значительно более простое решение. Оно основано на использовании свойств display, margin, padding и float. index.htm


<!DOCTYPE html PUBLIC "-⁄⁄W3C⁄⁄DTD XHTML 1.0 Transitional⁄⁄EN"
	"http:⁄⁄www.w3.org⁄TR⁄xhtml1⁄DTD⁄xhtml1-transitional.dtd"> 
<html>
<head>
	<meta http-equiv="Content-Type"
		content="text⁄html; charset=Windows-1251" ⁄>
	<link href="styles.css"
		type="text⁄css" rel="stylesheet" ⁄>
<⁄head>
<body>
	<div class="lside">
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		left div.<br ⁄>
		
	<⁄div>
	<div class="rside">
		fixed div<br ⁄>
		fixed div<br ⁄>
		fixed div<br ⁄>
		fixed div<br ⁄>
	<⁄div>
<⁄body>
<⁄html>

styles.css

* {
	margin:0px;
	padding:0px;
}

.lside {
	display:block;
	border:1px red solid;
	margin-right:252px;
}

.rside {
	position:absolute;
	right:0px;
	float:right;
	top:0px;
	width:250px;
	border:1px green solid;
}

удаление отступов у всех элементов, это дело вкуса :) редко так делаю, здесь это лишь для упрощения примера.

Автор: gordi

gordi — Wed, 01 Aug 2007 14:19:21 +0000

А вы уверены, что предложенное вами работает ;)

Автор: Alex

Alex — Wed, 01 Aug 2007 18:21:08 +0000

to gordi

как я понял основной вопрос был в размещении бокового блока фиксированной ширины, и растягивающегося блока на всю оставшуюся ширину страницы. приведенный пример полностью решает эту проблемму.

Автор: gordi

gordi — Wed, 01 Aug 2007 18:41:25 +0000

Вы посмотрите свой код в сборе.
Или я чего-то не понимаю?

Автор: Alex

Alex — Thu, 02 Aug 2007 07:08:07 +0000

посмотрел, все нормально. если не считать небольшого глюка при вставки кода в текстовый редактор, когда все / заменились на ?. после проведения обратной замены, и приведения таким образом кода в правильный вид, все работает так как нужно. Если всеравно не ясно, пишите в почту superalexey [ухо:)] rambler тчк ru

Автор: Роман

Роман — Mon, 13 Aug 2007 08:06:21 +0000

Спасибо, удалось решить такую проблему.

нужно было div растянуть на 100%, но он слева отступать должен на 200px.

IE сначало растягивал его на 100% я потом сдвигал на 200px вправо - получались гор. пол. прокрутки. Expression - рулит.

Эх, было бы неинтересно, если бы все браузеры работали одинаково :)

Автор: Sam

Sam — Mon, 13 Aug 2007 08:15:19 +0000

Кстати, как сделать двухколоночную разметку абсолютным позиционированием, чтобы колонки занимали 100% по высоте (min-height) и при этом ещё и тянулись, когда контента больше, чем 100% высоты экрана?

Автор: Serebrennikov

Serebrennikov — Thu, 20 Sep 2007 16:40:48 +0000

Спасибо, порадовало, но все же меня эта ситуация с хаками удручает очень сильно.

Автор: Евгений

Евгений — Thu, 20 Sep 2007 17:46:13 +0000

Условные комментарии и expression не хаки, а документированные возможности, хотя это им привлекательности не добавляет.

Автор: Coldman

Coldman — Fri, 23 Nov 2007 09:39:47 +0000

3. говорят, что они замедляют рендеринг страницы, хотя на практике сильного замедления не наблюдал.

при ресайзе окна , должно реально напрягать процесор