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 :: проблема с clearfix

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
Pavelbeginner
Отправлено: 28 Марта, 2013 - 10:12:05
Post Id



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


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


Помог: 1 раз(а)
левая колонка сайта:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .left
  3. {
  4.     float:left;
  5.     width:100px;
  6. }


правая:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .right
  3. {
  4.     margin:0 0 0 120px;
  5. }
  6.  


Внутрь правой колонки помещается абсолютно что угодно. На одной из страниц у меня есть блоки с float:left, под которыми идут другие блоки. Поэтому нужен clearfix под верхними блоками с float:left, но т.к. левая колонка сайта имеет float:left, то заюзать clear:both я не могу. overflow:hidden внутри правой колонки тоже не могу т.к. в правой колонке есть всплывающие блоки. Что делать? Спасибо.
 
 Top
DelphinPRO
Отправлено: 28 Марта, 2013 - 10:28:18
Post Id



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


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


Помог: 353 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. /* For modern browsers */
  2. .parent:before,
  3. .parent:after {
  4.    content: "";
  5.    display: table;
  6. }
  7. .parent:after {
  8.    clear: both;
  9. }
  10.  
  11. /* для IE6-7 */
  12. .parent {
  13.    zoom: 1;
  14. }


есть альтернативный вариант
Новая альтернатива crearfix`у


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Pavelbeginner
Отправлено: 31 Марта, 2013 - 13:00:30
Post Id



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


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


Помог: 1 раз(а)
Сейчас протестил и методом проб выяснил, что все блоки, которые создают новый контекст форматирования(это блоки с: display:inline-block, overflow:hidden, display:table и т.д.) не обтекаются float-ами. То есть они-то обтекаются, но float-ы не залазят на эти блоки.
Возникает вопрос, почему не используется вот такой простой clearfix:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. :after
  3. {
  4.      content:"";
  5.      display:block;
  6.      overflow:hidden;
  7.      width:100%;
  8. }
  9.  

вместо:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. :after
  3. {
  4.      content:"";
  5.      clear:both;
  6. }
  7.  


На пример первого clearfix-а не накладываются никакие ограничения, что не скажешь о втором.

И скажите, пожалуйста, во всех ли браузерах первый пример работает нормально? Я вроде проверил во всех браузерах, но, разумеется, не во всех версиях. Но в тех, что смог проверить - работает.
 
 Top
Pavelbeginner
Отправлено: 01 Апреля, 2013 - 22:45:07
Post Id



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


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


Помог: 1 раз(а)
Неужели никто не в курсе?
 
 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