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]   

> Без описания
Поиск в теме | Версия для печати
daglas1
Отправлено: 12 Февраля, 2013 - 19:54:46
Post Id


Посетитель


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


Помог: 1 раз(а)
Всем привет.
Есть трабла в отображении контента под Гугл Хромом.
Под мозилкой все работает гуд. Два дива назодятся рядом в левом диве картинка в правом диве описание.
Для левого дива вот такой класс
.articulos {
text-align: left;
padding: 10px;
background-color: #FFFFFF;
margin:5px 5px 5px 0px;
width:670px;
float: right;

}
Для правого дива другой
.desc_corta_arti {
font: normal 12px 'Quattrocento Sans', sans-serif, Arial, Helvetica;
float: right;
width: 210px;
text-align: left;
margin: 0px 0px 0px 0px;
border: 0px coral solid;
}
И под хромом получается что правый див ниже левого на высоту картинки. Т.е. они смежны но находятся на разном уровне.
 
 Top
imya
Отправлено: 12 Февраля, 2013 - 22:06:07
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
Потому что левому диву нужно задать
CODE (htmlphp):
скопировать код в буфер обмена
  1. float:left;

(Добавление)
А вообще как-то странно вы верстаете...
Если у вас есть два блока, логично сделать так:

CODE (htmlphp):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <style>
  4. .wraper
  5. {
  6. width:700px;
  7. margin:0 auto;
  8. }
  9. .image
  10. {
  11. width:200px;
  12. float:left;
  13. }
  14. .description
  15. {
  16. float:right;
  17. width:500px;
  18. }
  19. .clear
  20. {
  21. height:0;
  22. clear:both;
  23.  
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class='wraper'>
  29. <div class='image'>dfbfbsdfbsdfbdfbsdfbsdfb</div>
  30. <div class='description'>dfbsdfbsdfbdsfbsdfbsdfbsdfb</div>
  31. <div class='clear'></div>
  32. </div>
  33. </body>
  34. </html>


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
daglas1
Отправлено: 14 Февраля, 2013 - 11:58:23
Post Id


Посетитель


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


Помог: 1 раз(а)
imya пишет:
Потому что левому диву нужно задать
CODE (htmlphp):
скопировать код в буфер обмена
  1. float:left;

(Добавление)
А вообще как-то странно вы верстаете...

Пасибо за интерес. Но верстка не моя. Мне только надо было поправить.
Удалось поправить уменьшив ширину правого дива на 5 пикселей. И правый див вернулся туда где и должен был быть.
 
 Top
imya
Отправлено: 14 Февраля, 2013 - 12:39:45
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
Пожалуйста. Скажите человеку, чью вёрстку вы правили, что она недоработанная ;)


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 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