X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Таблица. Разное отображение в FF и Explorer.
Vasisilek
Vasisilek
Topic Starter сообщение 1.8.2010, 17:44; Ответить: Vasisilek
Сообщение #1


Добрый день.
Делаю сайт про автомобили.
В центре сайта есть таблица со значками марок авто, кликая на которые попадаем в нужный раздел.
В Mozila FireFox все отображается просто отлично, но когда смотрю через IE то столбцы в таблице рвутся и смещаются влево. Подскажите, что может быть не так?
<table class="tecdoc_brands" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 0.5%;"><a href="/catalogs/?brid=502">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/alfa_romeo.gif" alt="" width="28" height="28" /></p>
</a></td>
<td><a href="/catalogs/?brid=502"> </a><a href="/catalogs/?brid=502"><span style="font-size: xx-small;">ALFA ROMEO</span></a></td>
<td style="width: 0.5%;"><a href="/catalogs/?brid=521">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/dodge.gif" alt="" width="31" height="33" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=521"><span style="font-size: xx-small;">DODGE</span></a></td>
<td style="width: 0.5%;"><a href="/catalogs/?brid=910">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/jeep.gif" alt="" width="28" height="28" align="absmiddle" /></p>

</a></td>
<td><a href="/catalogs/?brid=910"><span style="font-size: xx-small;">JEEP</span></a></td>
<td style="width: 0.5%;"><a href="/catalogs/?brid=558">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/nissan.gif" alt="" width="35" height="30" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=558"><span style="font-size: xx-small;">NISSAN</span></a></td>
<td style="width: 0.5%; text-align: right;"><a href="/catalogs/?brid=575">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/skoda.gif" alt="" width="31" height="31" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=575"><span style="font-size: xx-small;">SKODA</span></a></td>
</tr>
<tr>
<td><a href="/catalogs/?brid=504">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/audi.gif" alt="" width="31" height="11" /></p>

</a></td>
<td><a href="/catalogs/?brid=504"><span style="font-size: xx-small;">AUDI</span></a></td>
<td><a href="/catalogs/?brid=524">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/fiat.gif" alt="" width="31" height="31" /></p>
</a></td>
<td><a href="/catalogs/?brid=524"><span style="font-size: xx-small;">FIAT</span></a></td>
<td><a href="/catalogs/?brid=648">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/kia.gif" alt="" width="42" height="24" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=648"><span style="font-size: xx-small;">KIA</span></a></td>
<td><a href="/catalogs/?brid=561">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/opel.gif" alt="" width="37" height="31" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=561"><span style="font-size: xx-small;">OPEL</span></a></td>

<td><a href="/catalogs/?brid=1149">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/smart.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=1149"><span style="font-size: xx-small;">SMART</span></a></td>
</tr>
<tr>
<td><a href="/catalogs/?brid=511">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/bmw.gif" alt="" width="28" height="28" /></p>
</a></td>
<td><a href="/catalogs/?brid=511"><span style="font-size: xx-small;">BMW</span></a></td>
<td><a href="/catalogs/?brid=525">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/ford.gif" alt="" width="43" height="19" /></p>
</a></td>
<td><a href="/catalogs/?brid=525"><span style="font-size: xx-small;">FORD</span></a></td>

<td><a href="/catalogs/?brid=546">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/lancia.gif" alt="" width="31" height="32" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=546"><span style="font-size: xx-small;">LANCIA</span></a></td>
<td><a href="/catalogs/?brid=563">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/peugeot.gif" alt="" width="29" height="29" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=563"><span style="font-size: xx-small;">PEUGEOT</span></a></td>
<td><a href="/catalogs/?brid=639">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/ssangyong.gif" alt="" width="32" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=639"><span style="font-size: xx-small;">SSANGYONG</span></a></td>
</tr>
<tr>

<td><a href="/catalogs/?brid=849">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/buick.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=849"><span style="font-size: xx-small;">BUICK</span></a></td>
<td><a href="/catalogs/?brid=814">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/ford_usa.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=814"><span style="font-size: xx-small;">FORD USA</span></a></td>
<td><a href="/catalogs/?brid=1292">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/land_rover.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=1292"><span style="font-size: xx-small;">LAND ROVER</span></a></td>
<td><a href="/catalogs/?brid=812">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/pontiac.gif" alt="" width="28" height="28" align="absmiddle" /></p>

</a></td>
<td><a href="/catalogs/?brid=812"><span style="font-size: xx-small;">PONTIAC</span></a></td>
<td><a href="/catalogs/?brid=576">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/subaru.gif" alt="" width="39" height="24" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=576"><span style="font-size: xx-small;">SUBARU</span></a></td>
</tr>
<tr>
<td><a href="/catalogs/?brid=852">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/cadillac.gif" alt="" width="31" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=852"><span style="font-size: xx-small;">CADILLAC</span></a></td>
<td><a href="/catalogs/?brid=533">
<p style="text-align: center;"><img style="margin-right: 10px; vertical-align: middle;" src="/images/brands/honda.gif" alt="" width="31" height="26" /></p>

</a></td>
<td><a href="/catalogs/?brid=533"><span style="font-size: xx-small;">HONDA</span></a></td>
<td><a href="/catalogs/?brid=874">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/lexus.gif" alt="" width="34" height="26" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=874"><span style="font-size: xx-small;">LEXUS</span></a></td>
<td><a href="/catalogs/?brid=565">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/porsche.gif" alt="" width="26" height="33" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=565"><span style="font-size: xx-small;">PORSCHE</span></a></td>
<td><a href="/catalogs/?brid=577">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/suzuki.gif" alt="" width="30" height="31" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=577"><span style="font-size: xx-small;">SUZUKI</span></a></td>

</tr>
<tr>
<td><a href="/catalogs/?brid=602">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/chevrolet.gif" alt="" width="41" height="18" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=602"><span style="font-size: xx-small;">CHEVROLET </span></a></td>
<td><a href="/catalogs/?brid=1214">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/hummer.gif" alt="" width="28" height="22" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=1214"><span style="font-size: xx-small;">HUMMER</span></a></td>
<td><a href="/catalogs/?brid=1152">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/lincoln.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=1152"><span style="font-size: xx-small;">LINCOLN</span></a></td>

<td><a href="/catalogs/?brid=566">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/renault.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=566"><span style="font-size: xx-small;">RENAULT</span></a></td>
<td><a href="/catalogs/?brid=579">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/toyota.gif" alt="" width="38" height="26" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=579"><span style="font-size: xx-small;">TOYOTA</span></a></td>
</tr>
<tr>
<td><a href="/catalogs/?brid=513"><span style="font-size: xx-small;">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/chrysler.gif" alt="" width="53" height="11" align="absmiddle" /></p>
</span></a></td>
<td>&nbsp;
<div style="margin-bottom: 5px; text-align: left;"><a href="/catalogs/?brid=513"> <span style="font-size: xx-small;"> </span></a><span style="font-size: xx-small;"><a href="/catalogs/?brid=513"><span style="font-size: xx-small;">CHRYSLER</span></a></span></div>

</td>
<td><a href="/catalogs/?brid=647">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/hyundai.gif" alt="" width="42" height="24" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=647"><span style="font-size: xx-small;">HYUNDAI</span></a></td>
<td><a href="/catalogs/?brid=552">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/mazda.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=552"><span style="font-size: xx-small;">MAZDA</span></a></td>
<td><a href="/catalogs/?brid=568">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/rover.gif" alt="" width="26" height="30" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=568"><span style="font-size: xx-small;">ROVER</span></a></td>
<td><a href="/catalogs/?brid=586">

<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/volvo.gif" alt="" width="33" height="34" /></p>
</a></td>
<td><a href="/catalogs/?brid=586"><span style="font-size: xx-small;">VOLVO</span></a></td>
</tr>
<tr>
<td><span style="font-size: xx-small;"><a href="/catalogs/?brid=514">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/citroen.gif" alt="" width="28" height="28" align="absmiddle" /></p>
</a></span></td>
<td>&nbsp;
<div style="margin-bottom: 5px; text-align: left;"><span style="font-size: xx-small;"><a href="/catalogs/?brid=514"> </a></span><span style="font-size: xx-small;"><a href="/catalogs/?brid=514"><span style="font-size: xx-small;">CITRO&Euml;N</span></a></span></div>
</td>
<td><a href="/catalogs/?brid=1234">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/infiniti.gif" alt="" width="28" height="28" align="absmiddle" /></p>

</a></td>
<td><a href="/catalogs/?brid=1234"><span style="font-size: xx-small;">INFINITI</span></a></td>
<td><a href="/catalogs/?brid=1231"> <img style="margin-right: 10px;" src="/images/brands/mini.gif" alt="" width="44" height="21" align="absmiddle" /></a></td>
<td><a href="/catalogs/?brid=1231"><span style="font-size: xx-small;">MINI</span></a></td>
<td><a href="/catalogs/?brid=569">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/saab.gif" alt="" width="31" height="30" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=569"><span style="font-size: xx-small;">SAAB</span></a></td>
<td><a href="/catalogs/?brid=587">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/vw.gif" alt="" width="30" height="30" align="absmiddle" /></p>
</a></td>
<td>&nbsp;
<div style="margin-bottom: 5px;"><a href="/catalogs/?brid=587"> </a><a href="/catalogs/?brid=587" target="_blank"><span style="font-size: xx-small;">VW</span></a></div>

<a href="/catalogs/?brid=587"> </a></td>
</tr>
<tr>
<td><span style="font-size: xx-small;"><a href="/catalogs/?brid=649">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/daewoo.gif" alt="" width="37" height="22" align="absmiddle" /></p>
</a></span></td>
<td>&nbsp;
<div style="margin-bottom: 5px; text-align: left;"><span style="font-size: xx-small;"><a href="/catalogs/?brid=649"> </a></span><span style="font-size: xx-small;"><a href="/catalogs/?brid=649"><span style="font-size: xx-small;">DAEWOO</span></a></span></div>
</td>
<td><a href="/catalogs/?brid=540">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/jaguar.gif" alt="" width="42" height="22" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=540"><span style="font-size: xx-small;">JAGUAR</span></a></td>

<td><a href="/catalogs/?brid=555">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/mitsubishi.gif" alt="" width="30" height="27" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=555"><span style="font-size: xx-small;">MITSUBISHI</span></a><a href="/catalogs/?brid=555"> </a></td>
<td><a href="/catalogs/?brid=573">
<p style="text-align: center;"><img style="margin-right: 10px;" src="/images/brands/seat.gif" alt="" width="28" height="27" align="absmiddle" /></p>
</a></td>
<td><a href="/catalogs/?brid=573"><span style="font-size: xx-small;">SEAT</span></a><a href="/catalogs/?brid=573"> </a></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 1.8.2010, 17:59; Ответить: pavelsc
Сообщение #2


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Поищи такую строчку, если она стоит не в самом начале до тега html то IE начинает вести себя непредсказуемо. Эта строчка вообще очень важна и то что в ней написано
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vasisilek
Vasisilek
Topic Starter сообщение 1.8.2010, 18:19; Ответить: Vasisilek
Сообщение #3


(pavelsc @ 1.8.2010, 20:59) *
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Поищи такую строчку, если она стоит не в самом начале до тега html то IE начинает вести себя непредсказуемо. Эта строчка вообще очень важна и то что в ней написано

Не помогло. =(

Вот так выглядит в FF:
http://ipicture.ru/uploads/100801/STW8KR6Tv4.jpg

А так уже в IE:
http://ipicture.ru/uploads/100801/sZ4fFKYHWY.jpg
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 1.8.2010, 19:55; Ответить: pavelsc
Сообщение #4


style="width:100%; height:617px; min-width:780px;"


В table добавь, ну или в css :) если понравится. Так точно работает. Правда min-width в ИЕ с таблицами неадекватно работает. А так в принципе нормально

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1649 10.7.2020, 15:18
автор: -bhtml-
Открытая тема (нет новых ответов) Пожалуйста помогите! Неправильное отображение новости и добавления комментария!
1 Dobrein 5056 14.3.2013, 13:17
автор: -Dobrein-
Открытая тема (нет новых ответов) Проблема с макетом в Internet Explorer
1 govegan 1466 11.3.2013, 14:29
автор: isvetlichniy
Открытая тема (нет новых ответов) непослушная таблица (((
1 alex577 2844 9.2.2013, 2:40
автор: -Eraser_str-
Открытая тема (нет новых ответов) Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите.
0 Hammer2900 6239 3.2.2013, 22:01
автор: -Hammer2900-


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:34
Дизайн