Нестандартная ситуация в верстке макета. Просьба помочь.

wilelf
На сайте с 27.06.2005
Offline
322
669

Коллеги, при верстке одного из макетов возникла непонятная ситуация:

При небольшом разрешении монитора по вертикали блок меню наезжает на блок контента...Может ли кто-нибудь помочь?

Явление происходит только при переходе по ссылке...Ссылки с #

http://altruist-music.ru

Агентство контекстной рекламы НеВсем ( https://www.nevsem.ru/ ) Пишу платно статьи для Хабра. Мой профиль ( https://habr.com/ru/users/wilelf/ )
T
На сайте с 01.06.2007
Offline
53
#1

Для более понятного объяснения желательно нужен макет, как должно быть. В каком браузере рушится верстка, при каком разрешении и пример кода.

wilelf
На сайте с 27.06.2005
Offline
322
#2

В FireFox.

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

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3
Timurka:
Для более понятного объяснения желательно нужен макет, как должно быть. В каком браузере рушится верстка, при каком разрешении и пример кода.

Дадад, а то не понятно, горизонтальное расположение блоков - кретинизм верстальщика или кретинизм дизайнера.

Люди привыкли скролить сайты колесом мышки по вертикали, а не по горизонтали.

Горизонтальная прокрутка многих раздражает, она - зло.

Посмотрел. Всё по идее переделывать надо.

В FF - наползает меню

В IE - скролл вниз, меню пропадает - неудобно.

В Opera - все блоки расползлись.

AE
На сайте с 21.08.2008
Offline
14
#4

эм может проблема в листе стилей конкретно здесь:

#header {style.css (line 33)

float:left;

height:110px;

left:0;

position:fixed;

top:0;

width:578px;

}

Мне кажется все же стоит использовать абсолютное позицианирование:

#header {style.css (line 33)

float:left;

height:110px;

left:0;

position: absolute;

top:0;

width:578px;

}

Andy.Eko добавил 21.08.2008 в 16:44

Проблема совсем не изза перехода по ссылке #, попробуйте уменьшить высоту вашего браузера и при появлении вертикальной полосы прокрутки опять же меню будет наезжать на текст, сдесь явно все происходит из-за фиксированного положения. Если хотите чтобы меню всегда была сверху на экране и не наплывало на текст, выход можно найти тоько в использовании JavaScript ИМХО.

wilelf
На сайте с 27.06.2005
Offline
322
#5
Алексей Барыкин:
Дадад, а то не понятно, горизонтальное расположение блоков - кретинизм верстальщика или кретинизм дизайнера.

Алексей, будьте повежливее в высказываниях. Вас не просили давать оценку юзабилити или дизайну.

То, какая ситуация получилась в разных браузерах, мне и так ясно. Мне хочется ее разрешить.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий