Попробуйте верстки слоями - Веб-строительство

4

ZiNTeR

21 мая 2006, 19:48

#11

Вообще верстка слоями вещь весьма веселая. Многие ошибки в структуре CSS(порой незаметные) разными браузерами обрабатываются по разному(некоторые игнорируют, некоторые накладывают слои один поверх другого).

Я вот к примеру wannacomp.ru переверстывал 3 раза(в первые 2 он скакал в FF и Opera как пьяный казак на горбатом запорожце по курганам)

http://wannacomp.ru (http://wannacomp.ru) - пример партнерского скрипта для новой партнерской программы. ПОказанная версия продается и стоит 8$. ПРодается по адресу: http://www.plati.ru/asp/pay.asp?idd=228961 (http://www.plati.ru/asp/pay.asp?idd=228961)

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

228

nickspring

21 мая 2006, 19:56

#12

ZiNTeR:
Вообще верстка слоями вещь весьма веселая. Многие ошибки в структуре CSS(порой незаметные) разными браузерами обрабатываются по разному(некоторые игнорируют, некоторые накладывают слои один поверх другого).
Я вот к примеру wannacomp.ru переверстывал 3 раза(в первые 2 он скакал в FF и Opera как пьяный казак на горбатом запорожце по курганам)

DOCTYPE перед версткой прописывайте и не будет скакать. Опера и FF при правильном подходе дают одинаковый результат.

174

Varkolak

21 мая 2006, 20:05

#13

nickspring, не всегда, FF как предатель то на пару с оперой то на пару с ie не так как надо отображает :)

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com

T

98

Toshka

22 мая 2006, 05:08

#14

а в чем плюс css верски? кроме такого лишнего "секса" с совместимостью?

icq - 9225229 Web-payment.ru/monitoring (http://web-payment.ru/monitoring) - лучший мониторинг курсов обменных пунктов

228

nickspring

22 мая 2006, 06:12

#15

Toshka:
а в чем плюс css верски? кроме такого лишнего "секса" с совместимостью?

1) "Секс" есть всегда, даже и без CSS.

2) Разделении содержимого от представления.

3) Уменьшение HTML-кода, а CSS-файлы кешируются.

....

Зайдите на webmascon.com и задайте этот вопрос - Вам все объяснят по полочкам.

174

Varkolak

22 мая 2006, 11:51

#16

и еще вопрос как можно обмануть ie, чтобы он как то понял такую вещь "min-width:800px;"? и еще один вопрос как заставить растягивать вниз страницу, в таблицах разобрался, а в css уже это не работает.

386

dkameleon

22 мая 2006, 12:34

#17

Varkolak:
и еще вопрос как можно обмануть ie, чтобы он как то понял такую вещь "min-width:800px;"? и еще один вопрос как заставить растягивать вниз страницу, в таблицах разобрался, а в css уже это не работает.

Например, попробовать всунуть однопиксельный прозрачный гиф внутрь элемента :)

размерами 800х1.

Дизайн интерьера (http://balabukha.com/)

60

Dwarf

22 мая 2006, 15:34

#18

Varkolak:
и еще вопрос как можно обмануть ie, чтобы он как то понял такую вещь "min-width:800px;"? и еще один вопрос как заставить растягивать вниз страницу, в таблицах разобрался, а в css уже это не работает.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>

<title>test</title>

<style type="text/css">

/* <![CDATA[ */

html, body {

	margin: 0;

	padding: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	color: #000;

}

h1 {

	margin: 0;

}

#content {

	height: 100%;

	min-height: 100%;

	min-width: 800px;

	background: #ccc;

}

.padding {

	padding: 10px;

}

/* ]]> */

</style>

<!--[if gte IE 5]>

<style type="text/css">

/* <![CDATA[ */

#content {

	width: expression((documentElement.clientWidth||document.body.clientWidth) < 800 ? '800px' : '100%');

}

/* ]]> */

</style>

<![endif]-->

</head>

<body>

<div id="content">

	<div class="padding">

		<h1>Тема: Спиральный лазер глазами современников</h1>

		<p>Сверхпроводник, по данным астрономических наблюдений, сжимает квантово-механический вихрь вне зависимости от предсказаний самосогласованной теоретической модели явления. В слабопеременных полях (при флуктуациях на уровне единиц процентов) лазер синфазно выталкивает спиральный гамма-квант, тем самым открывая возможность цепочки квантовых превращений. В литературе неоднократно описано, как сверхновая вращает элементарный гидродинамический удар, поскольку любое другое поведение нарушало бы изотропность пространства. Возмущение плотности непрерывно.</p>

	</div>

</div>

</body>

</html>

Деревянные окна (http://www.wood-win.ru/)

228

nickspring

22 мая 2006, 15:48

#19

Dwarf, пример верный, но с expression CSS не пройдет валидацию. Можно этого избежать, если выставить таймер в JS и по таймеру проверять и устанавливать нужную ширину. А так это конечно очередной косяк IE.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

60

Dwarf

22 мая 2006, 15:51

#20

nickspring:
Dwarf, пример верный, но с expression CSS не пройдет валидацию. Можно этого избежать, если выставить таймер в JS и по таймеру проверять и устанавливать нужную ширину. А так это конечно очередной косяк IE.

А вы попробуйте, попробуйте :) Там не зря expression в условный комментарий (conditional comment) вставлен :)

Переиграть и победить: как анализировать конкурентов для продвижения сайта

Яндекс Вебмастер вынес товарные фиды в отдельный раздел

Верстка div