Foxter.ru - DIV - разметка блочного типа

Foxter.ru (https://www.foxter.ru/index.php)

- Web-программирование (https://www.foxter.ru/forumdisplay.php?f=66)

- - DIV - разметка блочного типа (https://www.foxter.ru/showthread.php?t=3095)

Цитата:

Сообщение от s1mon (Сообщение 28678)

Кто чем пользуется?

уже пол-года верстаю исключительно на div'ах. код становится более понятным и легкоредактируемым для тех кто будет править его после меня. :)

Вёрстка таблицами отмирает как класс.
Уже есть и движки, заточеные конкретно именно под удобную блочную вёрстку.
Хоть гляньте на Лебедева - сплошныя div-ы, да резина...

Народ, подскажите плз кто знает:

КАК в IE можно ограничить уменьшение ширины резинового сайта? Что б он не сжимался до минимума, а была какая-то критическая ширина, меньше которой он уже не станет???

Antony, только через всевозможные костыли. Вот несколько ссылок по теме -
http://cssing.org.ua/2005/09/02/min-width-for-ie/
http://daniel.hahler.de/2006/05/13/s..._internet_expl
http://www.cssplay.co.uk/boxes/minwidth.html

max-width, но тоже полезно -
http://www.svendtofte.com/code/max_width_in_ie/

Задался вот вопросом:

Каким образом можно сделать так, что бы при сохранении страницы в броузере (через "Файл" > "Сохранить страницу...") страница сохранялась в нормальном виде (т.е. со всей графикой...)

А то при сохранении сохраняются все картинки, а бэкграунды - не сохраняются... А потом, соотетственно, при открытии локально на компе внешний вид портится... июо много бэкграундов...(((

Я имею ввиду может это можно както урегулировать средствами CSS? или HTML? не знаю даже... JS? )

Antony, методами CSS/HTML/JS имхо никак. Только сторонними прогами, либо плагинами типа файрфоксовского расширения ScrapBook, которое сохраняет станичку в точности как она выглядит.

чтоб ветка не дохла тут сама по себе, задам вопрос по 3х колоночной верстке. Только не надо кидать ссылки на различные уроки. Я хочу узнать как вы решаете эту задачу.

PHP код:


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

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Untitled Document</title>

<style type="text/css">

#main{

width:200px;

float:left;

}

#left{

float:left;

width:100px;

background-color:#FF0000;}

#center{

width:100px;

margin-left:100px;

background-color:#00FF00;}

#right{

width:100px;

margin-left:200px;

background-color:#0000FF;}

</style>

</head>



<body>

<div id="main">

<div id="left">1</div>

<div id="center">2</div>

</div>

<div id="right">3</div>

</body>

</html>

Это код простейшей верстки в три колонки. Всё логично. Но наш любимый IE все обс... так вот и интересно - как вы с этим справляетесь?
Желательно примеры не для резиновых сайтов.

Код:

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

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Untitled Document</title>

<style type="text/css">

#main{

width:200px;

}

#left{

position:absolute;

width:100px;

background-color:#FF0000;}

#center{

position:absolute;

left:100px;

width:100px;

background-color:#00FF00;}

#right{

position:absolute;

width:100px;

left:200px;

background-color:#0000FF;}

</style>

</head>



<body>

<div id="main">

<div id="left">1</div>

<div id="center">2</div>

</div>

<div id="right">3</div>

</body>

</html>

нерезина