Вопрос по коду html

Автор Тема: Вопрос по коду html  (Прочитано 2026 раз)

Оффлайн stfpАвтор темы

  • Бизнес оценка: (5, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 712
  • Сообщений: 1256
  • Карма: 70
  • Пол: Мужской
  • Медвед
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Поздравления.

Оффлайн stfpАвтор темы

  • Ветеран
  • *****
Вопрос по коду html
« : 28-07-2013, 08:44:33 »
Добрый всем день...

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

Сам код страницы...

(нажмите чтобы показать/скрыть)

А отображается вот так вот...

В опере...



И вот так например в хроме...  Все что ниже текста он поднимает вверх и накладывает поверх текста... И получается не есть GOOD...



Код конечно же писал не сам а использовал визуальный редактор... Но разобраться то нужно...

Сама страница расположена на тестовом домене вот по этому адресу...

  http://navi-star.ru/test.html

Всем кто поможет буду премного благодарен...
Хочешь сделать хорошо сделай это сам. Поздравь своих близких в стихотворной прозе.


Оффлайн zhel_kon

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 151
  • Сообщений: 396
  • Карма: 14
    • Просмотр профиля

Оффлайн zhel_kon

  • Старожил
  • ****
Re: Вопрос по коду html
« Ответ #1 : 28-07-2013, 09:02:45 »
Самые нижние два блока идут в абсолютном позиционировании. Или там отступы по вертикали увеличьте, запас сделайте, или в общий поток пустите. Дело в том что в разных браузерах обсчет высоты того, что выше по разному идет. Вот и налазит.

Оффлайн stfpАвтор темы

  • Бизнес оценка: (5, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 712
  • Сообщений: 1256
  • Карма: 70
  • Пол: Мужской
  • Медвед
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Поздравления.

Оффлайн stfpАвтор темы

  • Ветеран
  • *****
Re: Вопрос по коду html
« Ответ #2 : 28-07-2013, 09:16:38 »
Самые нижние два блока идут в абсолютном позиционировании. Или там отступы по вертикали увеличьте, запас сделайте, или в общий поток пустите. Дело в том что в разных браузерах обсчет высоты того, что выше по разному идет. Вот и налазит.

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

В общий поток это как??...
Хочешь сделать хорошо сделай это сам. Поздравь своих близких в стихотворной прозе.

Оффлайн zhel_kon

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 151
  • Сообщений: 396
  • Карма: 14
    • Просмотр профиля

Оффлайн zhel_kon

  • Старожил
  • ****
Re: Вопрос по коду html
« Ответ #3 : 28-07-2013, 10:53:48 »
Общий поток - это лучше книжку на досуге по HTML почитать. Здесь просто много не напишешь. Коротко - последующий элемент идет за предыдущим вниз, как паровозики.
 
У Вас все идет в стиле "position: absolute" и высота указана от верха. А делаем так: style="width: 1000px; margin-left: auto; margin-right: auto;".
И все блоки у вас выстроятся один под другим красиво. Поместите в блоки информацию, посмотрите как они работают.
Код в Вашем примере избыточен. Можно более изящно сделать.
Вообще с литературой конечно надо поработать.

Оффлайн yandex_ostrov

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 13
  • Карма: 0
  • Всегда жалко на себя времени и денег...
    • Просмотр профиля

Оффлайн yandex_ostrov

  • Рекрут
  • *
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 2
    • Сообщений: 13
    • Карма: 0
    • Всегда жалко на себя времени и денег...
      • Просмотр профиля
Re: Вопрос по коду html
« Ответ #4 : 08-08-2013, 23:07:48 »
Пользуйтесь готовыми css-фреймворками во избежание подобных случаев. Могу посоветовать http://html5boilerplate.com/ Сам пользуюсь им.


 

Похожие темы

  Тема / Автор Ответов Последний ответ
3 Ответов
1669 Просмотров
Последний ответ 24-02-2013, 00:51:52
от kingpark
13 Ответов
2203 Просмотров
Последний ответ 19-01-2016, 10:39:03
от JktuOleg
0 Ответов
576 Просмотров
Последний ответ 14-01-2016, 21:50:03
от [Lichkin-rus]
2 Ответов
934 Просмотров
Последний ответ 06-02-2016, 08:35:11
от eashla
37 Ответов
8061 Просмотров
Последний ответ 08-08-2017, 00:47:09
от suffix