Помогите со стилями

[xlife]

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

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

вопрос:

как позиционировать 2 дива со списками слева и справа , чтобы на разных расширениях мониторов смотрелись одинаково по отношению к фону заданному таблице (<table class="main">), а то получается чем больше расширение тем дальше от картинки разъезжаются списки, я пробовал задать дивам relative а также отступы не в пикселях а в процентах, одинакового отображения на разных расширениях получить не смог.

сам сайт : elite-i.com.ua

P.S. верстал не я, в тему для новичков запостил так как считаю вопрос от новичка скорее, чем от специалиста.

[marrone-art]

Вам необходимо div left и right завернуть в main и в настройках css указать отступы это как я понимаю...

Но я обычно делаю таблицами... По таблицам дал бы более точный ответ

З.Ы. Поищите в гугле трех колоночную верстку

Удачи!

[marrone-art]

Вам необходимо div left и right завернуть в main и в настройках css указать отступы это как я понимаю...

Но я обычно делаю таблицами... По таблицам дал бы более точный ответ

З.Ы. Поищите в гугле трех колоночную верстку

Удачи!

Извените за дубляж, не могу найти как удалить сообщение

Edited November 20, 2010 by marrone-art

[MC WEST]

Засунь эти блоки в еще один див. Добавь этому блоку фиксированную ширину (например 960px) и margin: auto; И будет тебе счастье

Вот что у тебя должно получится:

HTML:

<div class="main-div">
	<div class="left_m">
		...
		тут содержание левого блока
		...
	</div>
	<div class="right_m">
		...
		тут содержание правого блока
		...
	</div>
</div>

CSS:

.main-div {
	width: 960px;
	margin: auto;
}

[xlife]

Спасибо ! я сделал немного иначе, помогло.

<div class="main-div">
	<div class="left_m">
		...
	</div>
	<div class="right_m">
		...
	</div>
</div>

.main-div {
	position:absolute;
	margin: auto;
}
left_m {
left:-40px;
position:relative;
top:50px;
}
#right_m {
position:relative;
right:-640px;
top:-210px;

Жалко только не понимаю, почему -210 и -640, откуда такие цифры, методом тыка до всех цифр дошел, а хотелось бы знать что делаю, понимать в голове. Прочитал Эрика Мейера - css но понимания нету пока что, в любом случае спасибо вам ребята! и Спасибо создателю этого замечательного форума и справочника.!

[xlife]

Доброе УТро!

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

[deadrash]

Скиньте ссылочку, будет легче вам помогать.

[xlife]

elite-i.com.ua

П.С. в первом посте была