Авто ограничение ширины div

leogee · April 24, 2008

Правая колонка используется для навигации, е? ширина зада?тся

width: 350px; /*Width of right column in pixels*/

margin-left: -350px; /*Set left margin to -(RightColumnWidth) */

Левая колонка, основная (c контентом), зада?тся кодом:

#contentwrapper {

float: left;

width: 100%;

}

#contentcolumn {

margin-right: 350px; /*Set right margin to RightColumnWidth*/

}

При вставке таблицы в основную колонку (левую)

блок растягивается в полный размер экрана, что правой колонки вообще не видно.

Поэтому есть кросс браузерный код для ограничения ширины блока:

max-width: 650px;

width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth);

Как сделать, чтобы максимальная ширина для всех браузеров считалась таким образом:

ширина левой колонки = разрешение экрана - ширина правой колонки (350px)

При коде, указанном выше получается всегда 650 пикселей. При больших разрешениях смотрится плохо

mav · April 24, 2008

а почему бы не сделать правую колонку с float: right, а на левую сделать margin-right: 350px? %) тогда левая будет тянуться по ширине и вставляй в нее свою таблицу %)

leogee · April 24, 2008

Я только начал осваивать верстку на div. Брал общепризнанный шаблон, поэтому, не думаю что там просо так сделано именно так как есть.

mav · April 24, 2008

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

с таким подходом можно было бы вообще все таблицей сделать и не париться с блоками %)

так что если надо то вот заготовка:

<html>
<head>
</head>
<body>
<div style="width: 100%;">
		  <div style="float: right; width: 350px; background: #f00; height: 200px;"></div>
		  <div style="margin-right: 350px; background: #0f0; height: 100px;"></div>
</div>
</body>
</html>

Vitesse · April 24, 2008

мне немного непонятно выражение "общепризнанный шаблон". Сколько людей - столько мнений, особенно на экспрэшены

нет универсального шаблона, который бы подошел для любого случая. Кстати, mav ваш вариант мне ближе, но видите в соседней ветке, что использование clear внутри шаблона в таком случае недопустимо.

mav · April 24, 2008

хммм..

clear, как мне пока что видится вся ситуация, будет нужен только для футера (да и то не факт), а с этим уже будет попроще %) особенно учитывая, что справа будет навигация и я не думаю, что она будет по высоте больше чем блок контента, тогда clear в общем-то становится не нужен

хотя, как знать, как знать...

Vitesse · April 24, 2008

ну clear в блочной верстке очень нужная вещь, особенно если дизайн сложный

mav · April 24, 2008

насчет "нужности" разумеется спорить не буду, но нужен он не всегда и это факт %)

любой параметр надо применять по мере его необходимости

к тому же внутри шаблона (как было сказано) будет таблица и в соседней ветке это уже тоже обсудилось, что clear там не особо нужен %) правда, ячеек будет побольше если начать с флоатом баловаться

leogee · April 24, 2008

Кто-нибудь по сути вопроса может ответить насч?т этого:

max-width: 650px;

width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth);

Как сделать, чтобы максимальная ширина для всех браузеров считалась таким образом:

ширина левой колонки = разрешение экрана - ширина правой колонки (350px)

Sign In

Авто ограничение ширины div

Question

leogee

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

mav

Link to comment

Share on other sites

leogee

Link to comment

Share on other sites

mav

Link to comment

Share on other sites

Vitesse

Link to comment

Share on other sites

mav

Link to comment

Share on other sites

Vitesse

Link to comment

Share on other sites

mav

Link to comment

Share on other sites

leogee

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information