margin не работает в ie

[cpstriker]

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

http://perestroyka.at.ua/

У меня буквы съезжают в ie в право.

<table width="900px" border="0" align="center">
 <tr>
 <td>
 <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div>
 <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div>
 <div style="margin:50px 50px 0 50px;background:url(img/line.png) repeat-x; height:20px; width:900px;"></div>
 <div style="float:left; margin:0px 0 0 50px;"><img src="img/pamytnik.png" /></div>
 <div style="float:left; margin:175px 0 0 0"><img src="img/obvodka3.png" /></div>
 <div style="float:right; margin:45px 50px 0 0;"><img src="img/kran.png" /></div>
 <div style=" position:absolute;margin:0px 250px 0 50px;"><img src="img/SF.png" width="900px" height="50px" /></div>
 <div style="position:absolute; margin:60px 0 0 240px;"><img src="img/P.png" width="600px" /></div>
 <div style="position:absolute; margin:200px 0 0 590px"><img src="img/NS.png" /></div>
 <div style=" border-bottom:solid #333 1px; margin:255px 50px 0 50px"></div>
 <div style=" border-bottom:solid #333 2px; margin:5px 50px 0 50px"></div>
 <div style=" border-bottom:solid #333 1px; margin:5px 50px 0 50px"></div> 
 </td>
 </tr>
</table>

Спасибо за помощь

[psywalker]

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

Начинай с этого сайта, прям всё по порядку, внимательно и медленно.

[Nanto]

ужас!

Переписать заново!

Куча марджинов с неочищенным потоком и абсолютным позиционированием!

Если позиционируете абсолютно - зачем Вам марджины?

Используйте z-index. Да и float ни к чему - с фикисрованной графикой (да ещё и с перекрытием) работаете.

как пример:

<div id="wrap">
 <div id="layer1"></div>
 <div id="layer2"></div>
 <div id="layer3"></div>
</div>
#wrap{
position:relative;
padding:20px 50px;
width:900px;
margin:0 auto;
}
#wrap div{
position: absolute;
}
#layer1{
width:200px;
height:100px;
top:0;
left:0;
background:transparent url(/i/mosfilm.png) no-repeat;
}

...

и т.д.

Но в Вашем случае ещё проще:

<div id="header" style="padding:20px 50px;width:900px;height:400px;margin:0 auto;background:transparent url(/i/header.png) top center no-repeat;"></div>

Edited September 13, 2011 by Nanto

[cpstriker]

За ответы спасибо, но правильное размещение надписей в ie не решило. А в отношении пойди туда и почитай там, я читаю, просто иногда нужна помощь специалистов.

Nanto я сделал два варианта что ты написал, но это не помогло специально оставил с двумя вариантами, вот что в ie получается http://perestroyka.at.ua/. А в остальных опять все нормально. А вот теперь еще и в опере не идет. Помогите решением, что бы под все браузеры шло одинаковое размещение. Тем более спецам это вообще же не проблема, код то маленький. Просто быстро все выучить не получается, а на практике легче учиться.

Edited September 13, 2011 by cpstriker