блок не тянется по ширине в ie7

[Digidie]

Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код:

Html

<div id="wrap_header"> <!--Блок который должен тянуться -->
  <div id="header">    <!--Блок который должен быть фиксированным -->
     <div id="logo"></div>
     <div id="menu"></div>
  </div>
</div>

CSS

#wrap_header{
width: 100%;
height: 150px;
background: url(../images/header_bg.jpg) repeat-x;
}
#header{
width: 1024px;
height: 150px;
margin: 0 auto;
}
#logo{
float:left;
width: 200px;
height: 80px;
background: имадже;
}
#logo{
float:right;
height: 80px;
}

Во всех нормально отображается, нормально тянется и фиксируется. А вот в ie не растягивается и даже margin: 0 auto не пашет. Подскажите что делать.

P.S. Обычно ie во внимание не беру, а тут что то взял да глянул...

[USF]

#logo{
float:left;
...
}
#logo{
float:right;
...
}

[Digidie]

#logo{
float:left;
...
}
#logo{
float:right;
...
}

да не в этом суть. это для примера сделано. Как сделать чтобы в ie7 тянулся блок и дочерний блок был по центру?

#wrap_header - тянулся

#header - центрировался

[USF]

если вот эту чушь убрать

#logo{
float:right;
height: 80px;
}

то у вас и так #wrap_header тянется на 100% а #header центрируется. только вы это не увидите, так как у вас его ширина 1024 пиксела, что для многих и есть почти вся ширина экрана

http://jsfiddle.net/8MQt8/2/

[Digidie]

если вот эту чушь убрать

#logo{
float:right;
height: 80px;
}

то у вас и так #wrap_header тянется на 100% а #header центрируется. только вы это не увидите, так как у вас его ширина 1024 пиксела, что для многих и есть почти вся ширина экрана

http://jsfiddle.net/8MQt8/2/

Вопрос именно об ie7. Когда в ie искусственно начинает человек растягивать блок, Ctrl +-("что для многих и есть почти вся ширина экрана"), то содержимое блока #wrap_header не тянется(неважно цвет там или градиент), во-вторых все содержимое уходит влево. И text-align: center для body не помогает! И даже если у человека разрешение больше чем 1024 то он видит тоже самое.

P.S. Та чушь никакого отношения не имеет к моей проблеме.

Edited July 11, 2012 by Digidie

[USF]

text-align: center для body не помогает!

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

Edited July 11, 2012 by USF

[Digidie]

text-align: center для body не помогает!

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

может это каким то образом от разрешения монитора зависит или может от операционки. Еще читал что может быть из за DOCTYPE. Пробовал 3 варианта, никаких изменений.

элементарно даже просто для блока написать text-align:center; в блоке текст центрируется, а сам блок нет!

[USF]

position: relative;
right: 50%;
margin-right: - "половина ширины блока"

так пробовали?

Edited July 11, 2012 by USF

[Digidie]

position: relative;
right: 50%;
margin-right: - "половина ширины блока"

так пробовали?

Попробовал, тоже не пашет. Мне кажется вы чуть ошиблись, должно было(наверно) быть left:50%; margin-right: 512px; Но даже так не работает, появляется скролл очень длинный и все равно работает не так как нужно.

[USF]

увы, нет у меня ie7, не могу проверить

[Yazon_Nile]

Ctrl +-("что для многих и есть почти вся ширина экрана"), то содержимое блока #wrap_header не тянется(неважно цвет там или градиент), во-вторых все содержимое уходит влево.

Именно. Во всех раузерах кроме ие Ctrl +/- - Зум. Для ие это просто какое-то непоннятное отдаление. КОроче это баг ие) не парся)