Javascript-форум - Позиционирование в FireFox

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Позиционирование в FireFox (https://javascript.ru/forum/xhtml-html-css/14327-pozicionirovanie-v-firefox.html)

Цитата:

Сообщение от ksa

надо так чтобы блоки left и right были равны по высоте блоку main

Как варианты решений...
http://www.xiper.net/collect/html-an...oy-visoty.html

Цитата:

Сообщение от ksa (Сообщение 87680)

Теперь хоть картинку я увидал... :)
Какие размеры по ширине у Лефт, Райт и Майн?

150 px - у лефт и райт, а main - всё остальное пространство

Цитата:

Сообщение от Шацкий Денис

150 px - у лефт и райт, а main - всё остальное пространство

Как вариант...

<!DOCTYPE html>
<head>	
<style>
* {
	margin: 0;
	padding: 0;
}
#container1 {
	background-color: orange;
}
#left {
	float: left; 
	width: 150px;
}
#container2 {
	margin-left: 150px;
	background-color: yellow;
}
#right {
	float: right;
	width: 150px;
}
#main {
	margin-right: 150px;
	background-color: silver;
}
.end {
	clear: both;
}
</style>
</head>
<body>
<div id='container1'>
	<div id='left'>
		<p>Left</p>
		<div class='end'></div>
	</div>
	<div id='container2'>
		<div id='right'>
			<p>Right</p>
			<div class='end'></div>
		</div>
		<div id='main'>
			<p>Main</p>
			<div class='end'></div>
		</div>
		<div class='end'></div>
	</div>
	<div class='end'></div>
</div>
</body>
</html>

Но в ИЕ7 не работает... :-E

Цитата:

Сообщение от ksa (Сообщение 87690)

Как вариант...

<!DOCTYPE html>
<head>	
<style>
* {
	margin: 0;
	padding: 0;
}
#container1 {
	background-color: orange;
}
#left {
	float: left; 
	width: 150px;
}
#container2 {
	margin-left: 150px;
	background-color: yellow;
}
#right {
	float: right;
	width: 150px;
}
#main {
	margin-right: 150px;
	background-color: silver;
}
.end {
	clear: both;
}
</style>
</head>
<body>
<div id='container1'>
	<div id='left'>
		<p>Left</p>
		<div class='end'></div>
	</div>
	<div id='container2'>
		<div id='right'>
			<p>Right</p>
			<div class='end'></div>
		</div>
		<div id='main'>
			<p>Main</p>
			<div class='end'></div>
		</div>
		<div class='end'></div>
	</div>
	<div class='end'></div>
</div>
</body>
</html>

Но в ИЕ7 не работает... :-E

Спасибо большое! Может подключу скрипт определения браузера =) мой вариант прекрасно работает в IE =) Если IE - то мой вариант, а если другой - то ваш =) Ещё раз спасибо!

Цитата:

Сообщение от Шацкий Денис

Может подключу скрипт определения браузера

Сделай табличкой - будет кроссбраузерно... ;)

ппц а таблицы зачем придуманы?

Skipp, желательно уметь пользоваться всем ассортиментом - так проще выбрать желаемое... ;)

Цитата:

Сообщение от Skipp (Сообщение 87696)

ппц а таблицы зачем придуманы?

Таблицы вообще придумали для структурирования данных, а не разметки страниц. Это потом уже додумались их использовать для разметки. :)

Шацкий Денис, одно другому не мешает... ;)

ksa, в принципе да. Особенно если учесть, что разница между браузерами очень велика :) . Так что плюнул я на это дела и сделал разметку табличкой ;)