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 :: text-align глюк в хроме

 PHP.SU

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


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

> Без описания
arimanecro
Отправлено: 17 Марта, 2015 - 10:36:10
Post Id



Частый гость


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


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




Уже несколько раз сталкивался с данным глюком, думал что в новых версиях хрома будет что-то исправлено, но так ничего и не изменилось...

CODE (html):
скопировать код в буфер обмена
  1. .content {
  2.         max-width: 650px;
  3.         text-align:center;
  4.         margin: 0 auto;
  5.         border: #110F0F thin solid;
  6.         overflow:hidden;
  7.        
  8. }
  9. .one {
  10.         width: 200px;
  11.         height: 200px;
  12.         display: inline-block;
  13.         margin-bottom: 5px;
  14.         border: #110F0F thin solid;
  15. }
  16.  
  17. <div class="content">
  18. <div class="one"></div>
  19. <div class="one"></div>
  20. <div class="one"></div>
  21. <div class="one"></div>
  22. <div class="one"></div>
  23. <div class="one"></div>
  24.  
  25. </div>
  26.  
  27.  
  28.  


вот что выдает хром, как видим 4-ый блок ушел вправо:


Нажмите для увеличения


далее, начинаем "резинить" и уже 5-ый блок уходит вправо


Нажмите для увеличения


во всех остальных браузерах все ровно.

Кто-то знает, как обойти данный глюк в хроме?
 
 Top
GoDr
Отправлено: 17 Марта, 2015 - 10:49:32
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


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




arimanecro, у тебя между DIV пробельный символ вообще-то. Это проблема не хрома, а вообще проблема inline-block

CODE (html):
скопировать код в буфер обмена
  1. <div class="content">
  2.  
  3. <div class="one"></div><div
  4. class="one"></div><div
  5. class="one"></div><div
  6. class="one"></div><div
  7. class="one"></div><div
  8. class="one"></div>
  9.  
  10. </div>


-----
Система управления веб-содержимым Lotos CMS
 
 Top
arimanecro
Отправлено: 17 Марта, 2015 - 10:56:56
Post Id



Частый гость


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


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




GoDr пишет:
Это проблема не хрома, а вообще проблема inline-block


тогда почему во всех браузерах, кроме хрома, все ровно отображается? Значит проблема в хроме Ниндзя

GoDr пишет:
у тебя между DIV пробельный символ вообще-то


и что? я могу сколько угодно ставить пробелов, это никак не влияет на вид верстки ))
вот если бы я поставил спец символ &nbsp, вот тогда др.дело

(Отредактировано автором: 17 Марта, 2015 - 10:59:28)

 
 Top
GoDr
Отправлено: 17 Марта, 2015 - 11:00:21
Post Id



Посетитель


Покинул форум
Сообщений всего: 446
Дата рег-ции: Янв. 2015  
Откуда: Тамбов


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




во всех браузерах есть промежутки между DIV, которых не должно быть. А хром просто перенёс пробел в начало следующей строки.. Это уже последствие


-----
Система управления веб-содержимым Lotos CMS
 
 Top
Panoptik
Отправлено: 17 Марта, 2015 - 11:04:00
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


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




верстальщики борятся с этим вставкой комментариев между блоками тем самым устранив все до единого пробелы, или флоатами вместо инлайн-блок


-----
Just do it
 
 Top
arimanecro
Отправлено: 17 Марта, 2015 - 11:04:11
Post Id



Частый гость


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


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




GoDr пишет:
А хром просто перенёс пробел в начало следующей строки.. Это уже последствие

ааа..понятно, спасибо
(Добавление)
Panoptik пишет:
верстальщики борятся с этим вставкой комментариев между блоками


Благодарчик!!! за дельный совет Превосходно Здорово помогло Здорово
 
 Top
ShniderHost
Отправлено: 20 Мая, 2015 - 12:58:07
Post Id



Новичок


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


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




arimanecro пишет:
тогда почему во всех браузерах, кроме хрома, все ровно отображается? Значит проблема в хроме


Хром грустный браузер на самом деле... Фактически не оптимизирован по html5, я предпочитаю FireFox Язычок
 
 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