Форум Сайтостроение Веб-строительство

Верстка и IE

WW
На сайте с 22.07.2010
Offline
51
WebWake
842

Здравствуйте,

сайт http://ps-torrent.ru/

В IE уезжает логотип и футер. В остальных браузерах все нормально. Что прописать в стилях, чтобы все было :) ?

Шапка: 

<body>



<div style="position: relative;left: -100px; top: 10px; width:80%; min-width:80%; margin: 0 auto">

 <a href="/"><img border="0" src="themes/TBDev/images/logo.png"></a>

</div>

Подвал 


<div id="footer_content">

<br>

<div class="small" style="font-weight: normal; text-align: justify; padding: 2px 20px 20px; opacity: 0.8; width: 100%">

<table width="97%" height="47px" cellspacing="0" cellpadding="0" border="0">

<tr>

 <td><img src="./themes/TBDev/images/ub_left.png" width="11px"></td>

    <td style="background: transparent url(./themes/TBDev/images/ub_cellpic.png) repeat-x; width: 69%; height: 47px;">



<div align=center id="footer_nav">

<table class="bottom" width="100%" border="0" cellspacing="0" cellpadding="0"><tr valign="top">

<td width=\"49%\" class=\"bottom\"><div align=\"right\">

</div></td>

</tr></table>

</div>

</td>

<td style="background: transparent url(./themes/TBdev/images/ub_cellpic.png) repeat-x; width: 31%; height: 47px;"></td>

<td><img src="./themes/TBDev/images/ub_right.png" width="11px"></td>

</tr></table>



</div></div>

#footer_content {color: #45161c width: 100%; height: auto; display: block; font-weight: bold; text-align: center; margin: 1px auto;width: 93%;min-width: 93%;}

И еще посмотрите на картинки торрентов на главной, в IE сглажиает так, что нефига не разберешь (мутное изображение)

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#1

Не мудрено, 179 ошибок. Такой !DOCTYPE можно было и не ставить, это все равно, что его нет. Дефолтного обнуления нет, а, как известно, у каждого браузера свои отступы у элементов. Добиться кроссбраузерности в этом случае не получится, не применив 100500 хаков под каждый браузер.

Переверстать заново, придерживаясь рекомендаций спецификации W3C.

WW
На сайте с 22.07.2010
Offline
51
WebWake
#2

на сайте или в этом куске кода?

О
На сайте с 04.08.2009
Offline
145
Окей
#3
WebWake:
на сайте или в этом куске кода?

Сайт в целом.

Влазить напрямую в базу — это невозможно © Игорь Белов, mchost.ru
D
На сайте с 30.09.2008
Offline
107
DC***
#4

Не совсем понял зачем там в шапке left: -100px;. Я не говорю что проблема в этом, просто понять не могу зачем вообще отрицательный left там?

dma84
На сайте с 21.04.2009
Offline
168
dma84
#5 


<div style="position: relative;left: -100px; top: 10px; width:80%; min-width:80%; margin: 0 auto"> 
 <a href="/"><img border="0" src="themes/TBDev/images/logo.png"></a> 
</div>

поменять на:


<div style="position: relative; width:80%; min-width:80%; margin: 10px 0 0 60px"> 
 <a href="/"><img border="0" src="themes/TBDev/images/logo.png"></a> 
</div>
WW
На сайте с 22.07.2010
Offline
51
WebWake
#6

dma84 5 баллов :) заработало

конфликт left и margin auto как я понял? ))

В подвале:

#footer_content {color: #45161c height: auto; display: block; font-weight: bold; text-align: center; margin: auto; width: 93%}

Зависит все от этой строки. Опять же IE не понимает значение auto у margin :(

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#7
Зависит все от этой строки. Опять же IE не понимает значение auto у margin

- я ж вам сказал, что имея такой !DOCTYPE, IE(и не только) много чего не поймет. Определите правильно тип документа с Ишаком все будет в порядке.

WW
На сайте с 22.07.2010
Offline
51
WebWake
#8

Действительно !DOCTYPE сделал все ровным, но я появилось множество других ошибок :(

Никогда не думал что эта строчка может влиять ))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий