CSS. Как предотвратить перекрытие элемента содержимого в фиксированном левом меню, ЕСЛИ пользователь изменяет размер браHtml

Программисты Html
Ответить
Anonymous
 CSS. Как предотвратить перекрытие элемента содержимого в фиксированном левом меню, ЕСЛИ пользователь изменяет размер бра

Сообщение Anonymous »

Вот изображение, чтобы немного прояснить ситуацию.

Изображение


РЕДАКТИРОВАТЬ — рабочая скрипта: http://jsfiddle.net/YE7ZZ/

Мне не удалось получить работающую js-скрипту чтобы воссоздать мою проблему, которая существует на сайте, который я разрабатываю для работы, поэтому я пока не могу просто связать этот сайт. Я могу вставить часть своего кода, но позвольте мне сначала объяснить:
  • У меня фиксированное положение левого меню.
  • У меня есть раздел контента, который всегда должен располагаться в центре оставшейся области, не занятой левым меню (поэтому он не расположен в истинном центре страницы, а скорее смещен вправо из-за существования левого меню).
CSS:

Код: Выделить всё

#wrap {
width:100%;
background-image:url('../images/Imagine/bg_image44.png');
background-attachment:fixed;
}

#top {

}

#left {
position:fixed;
border:1px solid red;
background:pink;
width:250px;
}
#positioner {
margin-left:250px;
width:auto;
background:grey;
}
#content {
border:1px solid green;
width:700px;
margin:auto;
}
HTML

Код: Выделить всё


menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

asdf

asdf

asdf

asdf



Буду очень признателен за помощь. У меня была эта проблема 1,5 месяца назад, и я не мог ее исправить, и решил, что это такой крайний случай, что это не имеет значения, но, короче говоря, теперь это имеет значение :P Большое спасибо за ваше время.

Подробнее здесь: https://stackoverflow.com/questions/191 ... ft-menu-if
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»