Проблема шаблона в IE

[Cvieri]

В container вложен header. В header влодены logo, menu и line. Logo слева, menu обтекает справа, под menu идёт line.

В мозиле всё нормально, а в IE левый-верхний угол menu начинается от правого-нижнего меню logo. Что не так?

body, html {
margin:0px;
padding:0px;
text-align:center;
}
#container{
width:1024px;
margin:0 auto;
}
#header{
margin:0px;
padding:0px;
width:1024px;
height:auto;
}
#logo{
background: url(logo.gif);
padding:0px;
width:280px;
height:71px;
float:left;
}
#menu{
background: url(line.gif);
margin-left:280px;
padding:0px;
width:744px;
height:40px;
background-repeat:no-repeat;
}
#line{
background: url(line.gif);
margin-left:280px;
padding:0px;
width:744px;
height:31px;
background-repeat:no-repeat;
}

[SkyM@n]

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

menu обтекает справа, под menu идёт line.

Так поставьте это обтекание через float:

ps. И форматируйте ваш код!

[akokin]

Я вот, например, добавил обтекание и свойство clear. Вроде работает везде...
Вот CSS (а ниже HTML):

body, html {
margin:0px;
padding:0px;
text-align:center;
}
#container{
width:1024px;
margin:0 auto;
background: gray;
}
#header{
margin:0px;
padding:0px;
background: silver;
}
#logo{
padding:0px;
width:280px;
height:71px;
float:left;
background: red;
}
#menu{
margin-left:280px;
padding:0px;
width:744px;
height:40px;
background: green;
}
#line{

margin-left:280px;
padding:0px;
width:744px;
height:31px;
background: lime;
}

.clear {
both: clear;
}

Это код HTML:

<div id="container">
	<div id="header">

		<div id="logo">
			<h1>This is logo</h1>
		</div>

		<div class="clear" />
			
		<div id="menu">
			<h1>This is menu</h1>
		</div>

		<div class="clear" />
			
		<div id="line">
			<h1>This is line</h1>
		</div>
		
	</div><!-- end header -->
</div><!-- end container -->

[akokin]

Либо, вместо очистки можно использовать два класса из сеточного модуля (960.gs):

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

А в коде дописать к двум блокам:

		<div id="logo" class="alpha">
			<h1>This is logo</h1>
		</div>

		<div id="menu" class="omega">
			<h1>This is menu</h1>
		</div>

[Cvieri]

Хм, ваш код в IE едет, вот скрин

http://img188.imageshack.us/img188/9191/90187449.jpg

[akokin]

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

Хм, ваш код в IE едет, вот скрин

http://img188.imageshack.us/img188/9191/90187449.jpg

В какой версии? Я тестировал в 7-й.

Да, и какой именно код едет? Первый или второй?

[akokin]

Точно, пятый и шестой это так реагируют...

[Cvieri]

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

Точно, пятый и шестой это так реагируют...

Есть предложения?)

[akokin]

Попробуйте убрать ширину для лайн и меню (где 744 пикселей). У меня отображается теперь нормально.
Но не уверен, что это грамотное решение... Хотя работает.
Ну, или поставьте там auto

[Cvieri]

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

Попробуйте убрать ширину для лайн и меню (где 744 пикселей). У меня отображается теперь нормально.
Но не уверен, что это грамотное решение... Хотя работает.
Ну, или поставьте там auto

сработало, когда уменшил ширину лаин и меню на пару пикселей