Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Уезжает текст на одной странице

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: но нормально отображается на другой (стили одинаковые)
koka
Отправлено: 16 Июля, 2011 - 18:21:19
Post Id



Гость


Покинул форум
Сообщений всего: 115
Дата рег-ции: Июнь 2010  
Откуда: Россия, Ижевск


Помог: 1 раз(а)




Здравствуйте!!! Помогите, пожалуйста, разобраться в проблеме.

Есть на сайте подраздел комисионных запчастей по каждой марке.
Стили задавал одинаковые. На одной странице текст уезжает за пределы центрального блока, на другой отображается нормальтно.

Вот пример страницы, на которой табличка выглядит нормально

http://rulevoi[dot]net/content/komission/Chevrolet

На другой странице четвертый столбец таблицы выходит за границы центрального блока

http://rulevoi[dot]net/content/komission/Daewoo


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

Стили блоков:
Спойлер (Отобразить)


Стиль таблицы такой

CODE (html):
скопировать код в буфер обмена
  1. .table
  2. {
  3. width: 100%;
  4. padding: 0;
  5. text-align: center;
  6. }
  7.  
  8. .table td
  9. {
  10. width: 25%;
  11. }


В каком направлении искать ошибку? Просто не могу понять, почему на второй странице появляются большие padding's и таблица выходит за границы центрального блока.


-----
http://rulevoi[dot]net - запчасти для иномарок в Ижевске
 
 Top
DeepVarvar Супермодератор
Отправлено: 16 Июля, 2011 - 19:33:24
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)




padding: 0;
text-align: center;
эти две строки из таблицы убрать
Отцентрируйте в стиле для td

а паддинг у таблицы удалить совсем.
Вместо него написать прямо в хтмл:
<table cellspacing="0" cellpadding="0" .....далее как было

P.S. padding в стилях для тега table работать не будет.

P.P.S. Так же если вы указали внутри элемента text-align: center; можете забыть о любых margin для вложеных элементов, IE - их покажет неправильно.
 
 Top
koka
Отправлено: 16 Июля, 2011 - 19:50:17
Post Id



Гость


Покинул форум
Сообщений всего: 115
Дата рег-ции: Июнь 2010  
Откуда: Россия, Ижевск


Помог: 1 раз(а)




DeepVarvar, спасибо за подробный ответ.

Сделал всё, как вы сказали, стало правильно отображаться в IE и Firefox

Однако, вот эта страница http://rulevoi[dot]net/content/komission/Daewoo до сих пор съезжает в Opera & Google Chrome.

с чем это может быть связано???

Может это из-за того, что в таблице много элементов???
(Добавление)
Да, действительно съезжает из-за того, что много элементов.

Уменьшил количество до 10, стало нормально отображаться

Думаю, надо будет разбить на страницы.
(Добавление)
А всё же, почему съезжало в Chrome и Opera???
Косяк с моей стороны???


-----
http://rulevoi[dot]net - запчасти для иномарок в Ижевске
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB