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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблема с таблицей 
:(
    Опции темы
Gravip
Дата 26.1.2006, 16:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Имею такую таблицу:

Код

<table width="100%"><tr><td  colspan="2">
Текст
</td></tr>
<tr><td width="150px" valign="top">
Текст 2
</td><td>
Текст 3
</td></tr></table>


Коректно, как мне надо показывает только FireFox smile

А все остальные браузеры игнорируют 150px и делят нижнюю строку на две одинаковые по ширине ячейки, причем если поставить не в пикселях, а в процентах, то все показывают коректно, но мне нужна фиксированная ширина smile
PM MAIL   Вверх
Guedda
Дата 26.1.2006, 17:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Попробуй так:
Код

<table width="100%"><tr><td width="50%"  colspan="2">    
Текст    
</td></tr>    
<tr><td width="150px" valign="top">    
Текст 2    
</td><td width="50%">    
Текст 3    
</td></tr></table>



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


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


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

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



У меня все браузеры нормально показывают
IE6, FF1.5, IE6
PM MAIL ICQ   Вверх
Cheba
Дата 26.1.2006, 18:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

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



px в ширине писать не надо. Может, потому и не понимают. Кроме того, этот атрибут есть в HTML4, но не в XHTML.

И еще. Каждый броузер решает по-своему конфликтные ситуации. Например, у тебя на лицо конфликтная ситуация - первый столбик содержит две ячейки с разной шириной - 50% и 150px. Заметь, colspan не учитывается. Чтобы задавать ширину группам столбиков пользуйся тегами colgroup и col. Только я не знаю кто и как его поддерживает.
PM MAIL ICQ   Вверх
Gravip
Дата 27.1.2006, 01:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Guedda
Не помогло smile

Cheba
px подправил ;) colgroup и col это спецификация css2 или xhtml ?

Цитата

Например, у тебя на лицо конфликтная ситуация - первый столбик содержит две ячейки с разной шириной - 50% и 150px.


Не очень понял, 50% - это из примера Guedda

Может это поможет, у меня ещё вот это

Код

<table width="100%"><tr><td  colspan="2">
<div style="float:left;">Текст</div>
<div style="float:right;">Текст</div>
</td></tr>
<tr><td width="150" valign="top">
Текст 2
</td><td>
Текст 3
</td></tr></table>


Это сообщение отредактировал(а) Gravip - 27.1.2006, 01:24
PM MAIL   Вверх
R.M.
Дата 27.1.2006, 01:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Gravip

А <!doctype> стоит? если стоит попробуй убрать и посмотреть что получится




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

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


Новичок



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

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



Gravip
У меня так же все браузеры отображают нормально (IE6, FF1.5, Opera8.51), шириной 150px, и изначальный вариант кода и последний...
Может у тебя установлены какие-нибудь дополнительные параметры CSS для элементов таблицы...
PM MAIL ICQ   Вверх
Gravip
Дата 27.1.2006, 01:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Куксикус
Удалил , не помогло

Цитата

Может у тебя установлены какие-нибудь дополнительные параметры CSS для элементов таблицы...


Полная шапка вот такая, думаю от эти параметры не играют роли smile

Код

<table style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;" width="100%"><tr><td style="border: 1px solid rgb(204, 204, 204);" colspan="2">

PM MAIL   Вверх
VDaemon
Дата 27.1.2006, 02:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Gravip
Указанные в table параметры действительно ничего не меняют, с ними тоже всё работает...
Попробуй создать html файл только с одним этим table, и без остального кода, если всё равно не будет работать, значит дело всё-таки в браузере...
PM MAIL ICQ   Вверх
Gravip
Дата 27.1.2006, 02:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Хоть убейте не пойму smile) Все дело в этой строчке :

Здравствуйте Гость ( <a href="Login">Вход</a> | <a href="Reg">Регистрация</a> )

Код

<table width="100%"><tr><td  colspan="2">
<div style="float:left;">Здравствуйте Гость ( <a href="Login">Вход</a> | <a href="Reg">Регистрация</a> )</div>
<div style="float:right;">Текст</div>
</td></tr>
<tr><td width="150" valign="top">
Текст 2
</td><td>
Текст 3
</td></tr></table


У всех такой же эфект? в чем дело? smile

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


 




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


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

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