Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ширина ячеек в HTML таблице, Заколебал IE 
:(
    Опции темы
Kartoris
Дата 9.3.2006, 09:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 9.3.2006

Репутация: нет
Всего: нет



Привет всем!
Вобщем проблема в следующем:
Создал страничку с вложенными таблицами. По задумке некоторые ячейки должны были служить разделителями. В Firefox все пучком: ширина таблицы как надо, все ячейки отображаются в идеале.
А вот в IE и в MyIE все плохо: по вертикали вроде все нормально, а горизонталь не такая. Те ячейки, которые должны быть шириной 25, совсем узкие, а все ячейки растянуты шире, чем указаны их размеры... при этом все размеры в коде указаны статично, без всяких процентов. Страничку прилагаю.

Цитата

<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0">
<tr>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3" cellpadding="0">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Новинка ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/new.jpg" align="top" alt="Новые цвета MP3 плееров"></p><font color="#000000"><font size="-1"><b>Новые цвета МР3 плееров</b><br><br>Популярные модели МР3 плееров DAIRIKI PF-M05, PF-M06, PF-M08 теперь представлены в различных цветовых решениях...<br><br><a href="new.html"><font color="#000000"><p align="right"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></p></font color></a></font color></font></td></tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Перспектива ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/perspect.jpg" align="top" alt="Карта памяти MMC Kingston"></p><font color="#000000"><font size="-1"><b>Карты памяти стандарта MMC и SD</b><br><br>В ближайшее время ожидается поступление карт памяти стандарта MMC и SD от известных производителей Kingston и SunDisk.<br> </font color></font></td>
</tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td width="220" bgcolor="#003366" valign="top" rowspan="3">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="220" bgcolor="#FFFFFF"><font color="#003366"><b> :: Новости ::::::: </b></font color></td></tr>
<tr>
<td height="115" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>21 февраля 2006 г.</b><br>С 15 марта, флэш МР3 плееры DAIRIKI вы сможете приобрести в сети гипермаркетов "АЛПИ"</font color></font></td></tr>
<tr>
<td height="115" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>6 марта 2006 г.</b><br>Режим работы компании "НТМВ" в праздничные дни: 8 марта - выходной, 9 марта - рабочий день.</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>6 марта 2006 г.</b><br>Ожидается поступление на склад карт памяти стандарта MMC и SD от известных брендов Kingston и SunDisk.</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"> <font size="-1"><b>6 марта 2006 г.</b><br>Ожидается поступление флэш МР3 плееров DAIRIKI PF-M05, PF-M06, PF-M08, выполненных в разных цветовых исполнениях.</font color></font></td></tr>   
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"> <b>6 марта 2006 г.</b><br>Отладка работы сайта</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"> <font color="#000000"> <font size="-1"><b>6 марта 2006 г.</b><br>Тестовый запуск нового сайта компании "НТМВ"</font color></font></td></tr>
</table></td></tr>
<tr>
<td height="25" width="365" bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="25"bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="365" bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="25"bgcolor="#FFFFFF">&nbsp;</td></tr>
<tr>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Эксклюзив ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/exl.jpg" align="top" alt="Беспроводные наушники DAIRIKI HP-240"></p><font color="#000000"><font size="-1"><b>Беспроводные наушники 2,4 ГГц DAIRIKI HP-240</b><br><br>Высокая рабочая частота наушников DAIRIKI HP-240 обеспечивает цифровое качество звука и исключает различные помехи, присущие другим беспроводным наушникам, работающим на стандартной радиочастоте...<br><br><p align="right"><a href="exl.html"><font color="#000000"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></font color></a></p></font color></font></td></tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Лучший выбор ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/best.jpg" align="top" alt="Б/у ноутбуки"></p><font color="#000000"><font size="-1"><b>Ноутбуки б/у из Японии и США</b><br><br>Среди людей, умеющих считать деньги, б/у ноутбуки пользуются большой популярностью. За небольшие деньги (по сравнению с новыми ноутбуками), человек приобрет реальную альтернативу настольному компьютеру...<br><br><p align="right"><a href="best.html"><font color="#000000"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></font color></a></p></font color></font></td></tr>
</table></td></tr>
<tr>
<td height="25" colspan="5" bgcolor="#FFFFFF">&nbsp;</td></tr>
<tr>
<td height="25" colspan="5" bgcolor="#003366"> <font color="#FFFFFF"> <font size="-2">© ООО "НТМВ" 2006 г. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; При использовании материалов с сайта, ссылка на источник обязательна</font></td></tr>
</table>
</body>
</html>


З.Ы. Посоветуйте, есть ли какая-нибудь прога для проверки HTML-кода на предмет ошибок. Потому как я пишу странички в Блокноте, такая прога мне бы не помешала...
PM MAIL   Вверх
R.M.
Дата 9.3.2006, 11:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Через валидатор проверь http://www.w3.org/
И код свой засунь в [code=html] может быть тогда ево и посмотрят


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 9.3.2006, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



У меня в IE все нормально отобразилось.
Может у тебя ширина картинки больше ширины столбца?
PM MAIL ICQ   Вверх
Kartoris
Дата 9.3.2006, 13:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 9.3.2006

Репутация: нет
Всего: нет



По просьбам трудящихся:
Код

<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0">
<tr>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3" cellpadding="0">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Новинка ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/new.jpg" align="top" alt="Новые цвета MP3 плееров"></p><font color="#000000"><font size="-1"><b>Новые цвета МР3 плееров</b><br><br>Популярные модели МР3 плееров DAIRIKI PF-M05, PF-M06, PF-M08 теперь представлены в различных цветовых решениях...<br><br><a href="new.html"><font color="#000000"><p align="right"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></p></font color></a></font color></font></td></tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Перспектива ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/perspect.jpg" align="top" alt="Карта памяти MMC Kingston"></p><font color="#000000"><font size="-1"><b>Карты памяти стандарта MMC и SD</b><br><br>В ближайшее время ожидается поступление карт памяти стандарта MMC и SD от известных производителей Kingston и SunDisk.<br> </font color></font></td>
</tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td width="220" bgcolor="#003366" valign="top" rowspan="3">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="220" bgcolor="#FFFFFF"><font color="#003366"><b> :: Новости ::::::: </b></font color></td></tr>
<tr>
<td height="115" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>21 февраля 2006 г.</b><br>С 15 марта, флэш МР3 плееры DAIRIKI вы сможете приобрести в сети гипермаркетов "АЛПИ"</font color></font></td></tr>
<tr>
<td height="115" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>6 марта 2006 г.</b><br>Режим работы компании "НТМВ" в праздничные дни: 8 марта - выходной, 9 марта - рабочий день.</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"><b>6 марта 2006 г.</b><br>Ожидается поступление на склад карт памяти стандарта MMC и SD от известных брендов Kingston и SunDisk.</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"> <font size="-1"><b>6 марта 2006 г.</b><br>Ожидается поступление флэш МР3 плееров DAIRIKI PF-M05, PF-M06, PF-M08, выполненных в разных цветовых исполнениях.</font color></font></td></tr>   
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"><font color="#000000"><font size="-1"> <b>6 марта 2006 г.</b><br>Отладка работы сайта</font color></font></td></tr>
<tr>
<td height="114" width="220" bgcolor="#FFFFFF"> <font color="#000000"> <font size="-1"><b>6 марта 2006 г.</b><br>Тестовый запуск нового сайта компании "НТМВ"</font color></font></td></tr>
</table></td></tr>
<tr>
<td height="25" width="365" bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="25"bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="365" bgcolor="#FFFFFF">&nbsp;</td>
<td height="25" width="25"bgcolor="#FFFFFF">&nbsp;</td></tr>
<tr>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Эксклюзив ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/exl.jpg" align="top" alt="Беспроводные наушники DAIRIKI HP-240"></p><font color="#000000"><font size="-1"><b>Беспроводные наушники 2,4 ГГц DAIRIKI HP-240</b><br><br>Высокая рабочая частота наушников DAIRIKI HP-240 обеспечивает цифровое качество звука и исключает различные помехи, присущие другим беспроводным наушникам, работающим на стандартной радиочастоте...<br><br><p align="right"><a href="exl.html"><font color="#000000"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></font color></a></p></font color></font></td></tr>
</table></td>
<td height="345" width="25" bgcolor="#FFFFFF">&nbsp;</td>
<td height="345" width="365" bgcolor="#003366" valign="top">
<table border="0" cellspacing="3">
<tr>
<td height="25" width="365" bgcolor="#FFFFFF"><font color="#003366"><b> :: Лучший выбор ::::::: </b></font color></td></tr>
<tr>
<td height="320" width="365" bgcolor="#FFFFFF" valign="middle"><p align="center"><img src="img/cat/best.jpg" align="top" alt="Б/у ноутбуки"></p><font color="#000000"><font size="-1"><b>Ноутбуки б/у из Японии и США</b><br><br>Среди людей, умеющих считать деньги, б/у ноутбуки пользуются большой популярностью. За небольшие деньги (по сравнению с новыми ноутбуками), человек приобрет реальную альтернативу настольному компьютеру...<br><br><p align="right"><a href="best.html"><font color="#000000"><b> Подробнее...&nbsp; &#62 &#62 &#62</b></font color></a></p></font color></font></td></tr>
</table></td></tr>
<tr>
<td height="25" colspan="5" bgcolor="#FFFFFF">&nbsp;</td></tr>
<tr>
<td height="25" colspan="5" bgcolor="#003366"> <font color="#FFFFFF"> <font size="-2">© ООО "НТМВ" 2006 г. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; При использовании материалов с сайта, ссылка на источник обязательна</font></td></tr>
</table>
</body>
</html>


Не может все в порядке отображаться в IE. Открой для примера в Firefox'e и посмотри какова была задумка.
А с картинкой тоже не прокатывает. Я убирал весь лишний код (картинки, текст и т.д.) для проверки - все равно так же...

Жду следующих вариантов ответа...

З.Ы. Даже если это мой косяк - Я ВСЕ РАВНО НЕНАВИЖУ IE!!! smile
PM MAIL   Вверх
AzuManga
Дата 9.3.2006, 14:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет



у меня в ие тож все гут 8)) а у тебя какая версия?))) и вообще такое дело проще на дивах сверстать чем в такой громоздкой табличной верстке разбираться 8)
--------------------
 Точка с запятой; 
PM MAIL   Вверх
Kartoris
Дата 10.3.2006, 13:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 9.3.2006

Репутация: нет
Всего: нет



Цитата(AzuManga @ 9.3.2006, 14:40)
у меня в ие тож все гут 8)) а у тебя какая версия?))) и вообще такое дело проще на дивах сверстать чем в такой громоздкой табличной верстке разбираться 8)

У меня IE 6. Косяк видно только в сравнении с Firefox. Если открыть сразу в IE будет казаться что усе в порядке. Однако задумка была не совсем такая...
PM MAIL   Вверх
Str!pe
Дата 10.3.2006, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



Используй распорки!
Тоесть в ячейки таблицы где должны быть разделители воткни прозрачный однопиксельный GIF который можно растяунть либо по ширине, либо по высоте в зависимости от целей т.е. height="1px" weight="1px" вместо 1px нужное число ставишь.


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Kartoris
Дата 13.3.2006, 13:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 9.3.2006

Репутация: нет
Всего: нет



Спасибо всем! Распорки помогли! Но все равно это дурь!!! В нормальном броузере все должно работать без распорок! IE - фуфел...

З.Ы. Написать на главной странице, что вход только для пользователей Лисы и не мучаться! smile
PM MAIL   Вверх
Str!pe
Дата 14.3.2006, 07:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



Цитата(Kartoris @ 13.3.2006, 13:49 Найти цитируемый пост)
Распорки помогли! Но все равно это дурь!!!


Я и не спорю... зато работает!

З.Ы. Мне тут стало интересно, сколько раз на этом форуме бренд-имена Семейства Microsoft упоминалось в связке со словами подразумевающими использование нецензурного русского языка, хотя бы в мыслях писателей? smile Думаю сравнимо с количеством символов исходного кода Винды smile


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Guedda
Дата 14.3.2006, 09:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



Цитата(Kartoris @ 13.3.2006, 14:49)
З.Ы. Написать на главной странице, что вход только для пользователей Лисы и не мучаться!  smile

Почему только Лисы?
Опера нормально показывает. А распорки применяются очень часто.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Ciber SLasH
Дата 14.3.2006, 10:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Цитата(Stripe @ 14.3.2006, 07:30 Найти цитируемый пост)
Думаю сравнимо с количеством символов исходного кода Винды smile

А представь сколько раз всё население планеты говорило плохо об Microsoft и его IE. smile
PM   Вверх
Ground
Дата 14.3.2006, 15:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 321
Регистрация: 27.2.2006
Где: Комсомольск

Репутация: нет
Всего: 1



Даже представлять не надо. Чего только стоят баги с их софтом... Уже задолбало вконец. Надеюсь они исправят свои ошибки... В будущем... Или, добавят новых...
PM MAIL ICQ   Вверх
dstorm81
Дата 14.3.2006, 22:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 3
Всего: 39



что не ошибается - то не работает. Девиз мелкомягких smile


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
EDuard
Дата 14.3.2006, 22:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7



Конечно поздовато, но все же, если задать ширину столбца в css тоже помогает. smile


--------------------

PM MAIL WWW ICQ   Вверх
Greendrake
Дата 15.3.2006, 11:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6



У меня таблица попроще, стандарты и всё такое, но никак не могу заставить первую ячейку быть шириной 50px в IE и Опере (в Лисе только нормально). Помогите плиз.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Fuck</title>
  </head>
  <body>
    <table cellpadding="0" cellspacing="1" style="background:black">
      <tr style="background:white">
        <td style="width:50px">bla</td>
        <td>bla</td>
      </tr>
      <tr style="background:white">
        <td colspan="2">
          bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
        </td>
      </tr>
    </table>
  </body>
</html>

PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0579 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.