Проверьте my website и просмотрите меню левого меню. Когда вы максимизировали свой броузер, нет никаких проблем, но когда вы восстанавливаете его на половину экрана, левое меню перекрывается вправо.Sidemenu перекрывается при восстановлении окна браузера
Вот CSS code. Кто-нибудь может мне помочь?
Это потому, что ваш «дивизии» div абсолютно позиционирован.
Вы можете удалить «позицию: абсолютное» и увеличить ширину «divisions» div до 300 пикселей.
Ваше левое меню абсолютно позиционируется, поэтому оно перекрывает другой контент, когда размер окна слишком узкий. Но решение этой проблемы довольно сложно и на самом деле зависит от того, чего вы хотите достичь.
Процент
Одним из возможных решений было бы установить width на «подразделений» и «содержание» DIV в процентах. Таким образом, они никогда не пересекаются. Но это зависит от того, можете ли вы позволить иметь динамическую ширину для вашего «контента» div.
Перестановка
Если содержание должно быть фиксированной ширины ... Вы сначала должны решить, как вы хотели бы ваш контент/меню появляется, когда окно слишком узкое (может быть, даже уже, чем ширина содержимого). .. И работа оттуда.
элемент кузова ширина
Установить минимальное содержание окна (как в <body>) шириной. Либо с помощью:
<img src="t.gif" width="1250">min-width: 1250px; должен быть 1250px в ширине, так как содержание расположено по центру, поэтому он должен иметь равный пространство справа и справа (справа - бесполезное пустое пространство, позволяющее не перекрывать пространство слева от содержимого)Последний на самом деле самый простой и работает. Это только делает его немного шире при меньших размерах экрана, но ваша ширина содержимого (включая меню слева) уже в любом случае превышает 1030 пикселей ...
ok проверить CSS сейчас ...и посмотреть изменение – 2009-05-15 00:21:22
Ему не нужно делать их процентной ширины ... –
Он не обязательно, но это, безусловно, гарантировало бы наложение свободного отображения. :) –
Очень прямолинейное и простое и быстрое решение было бы с CSS:
#content {style.css (line 17)
left:-270px;
margin:0 auto;
padding:30px 10px 0 550px;
position:relative;
width:780px;
}
Я пробовал это в своем Firebug, и он отлично работал. надеюсь, что она подойдет вы потребность :)
следующий раз просто использовать CSS поплавки: поставить боковое меню и DIV содержимого в обертке,
поплавка: левую для меню, и дать обертку а, фиксированная ширина и выравнивание по центру. вы также можете сделать навигационное меню слева «слева» с отрицательным левым позиционированием.
не работал .. = S – 2009-05-15 00:21:03