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 :: div не реагирует на padding-right элемента в котором находится

 PHP.SU

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


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

> Описание: div внутри ячейки таблицы с padding-right:15px; но никак на него не реагирует
maksmib
Отправлено: 26 Ноября, 2010 - 11:16:06
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Дек. 2009  


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




Сабж. Вот код:

CODE (html):
скопировать код в буфер обмена
  1. ...
  2. <tr height="95px">
  3.         <td colspan="2">
  4.                 <div class="mainmenu">main menu</div>
  5.         </td>
  6. </tr>
  7. ...
  8.  


в стилях вот как описан класс:

CODE (htmlphp):
скопировать код в буфер обмена
  1. .mainmenu {
  2.         width: 100%;
  3.         height: 95px;
  4.         border: 2px solid #e7e7e7;
  5.         background-color: #f2f2f2;     
  6.         text-align: left;
  7.         padding-left: 10px;
  8. }


И для всех тегов td:

CODE (htmlphp):
скопировать код в буфер обмена
  1. td {
  2.         border: 1px dashed black;
  3.         padding-left: 15px;
  4.         padding-right: 15px;
  5. }



Результ:



Вот почему он(div) так прилип к правому краю? Не понял

(Отредактировано автором: 26 Ноября, 2010 - 11:17:26)

 
 Top
vlom
Отправлено: 26 Ноября, 2010 - 13:46:43
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 681
Дата рег-ции: Окт. 2010  
Откуда: Екатеринбург


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




в стилях замени text-align: left; на float: left
 
 Top
maksmib
Отправлено: 26 Ноября, 2010 - 13:47:10
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Дек. 2009  


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




Товарищ надоумил убрать width:100%; и использовать margin для дива.
Работает теперь так, как мне надо, но я так и не понял по какой причине див так себя вел Не понял
З.Ы. проверял не только в IE
(Добавление)
vlom пишет:
в стилях замени text-align: left; на float: left


При чем здесь float? У меня ведь в той ячейке таблицы только один див, больше ничего. Его там просто не с чем соотносить.
 
 Top
ALEN Модератор
Отправлено: 26 Ноября, 2010 - 13:51:35
Post Id



Участник


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


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




P.S. Кто-то опередил)))
Как вариант проверьте: width: 100%;

Проблема была в противоречиях правил, вы указываете растянуть див на весь экран, что он и сделал.

(Отредактировано автором: 26 Ноября, 2010 - 13:54:52)

 
 Top
JustUserR
Отправлено: 26 Ноября, 2010 - 15:11:24
Post Id



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


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




maksmib пишет:
При чем здесь float? У меня ведь в той ячейке таблицы только один див, больше ничего. Его там просто не с чем соотносить
В общем случае использование пераметра float может использовать для управления отображения единственным элементом управления в заданном контейнере - что обеспечивается в случае применения дополнительный параметров относителного позиционирования по стороне выравнивания


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
maksmib
Отправлено: 26 Ноября, 2010 - 15:29:52
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Дек. 2009  


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




vlom, ALEN, JustUserR ребята, спасибо вам большое, разобрался Улыбка

(Отредактировано автором: 26 Ноября, 2010 - 15:31:43)

 
 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