Переменная ширина плавающего меню - PullRequest
Новая
       1

Переменная ширина плавающего меню

1 голос
/ 29 июля 2010

Я пытаюсь выяснить, как разместить плавающую панель навигации слева от содержимого, которая имеет фиксированную ширину, но вокруг нее есть контейнер, который простирается до края области просмотра, сохраняя при этом содержимое по центру страницы .

А вот то, что я получил, и образ того, что я имею в виду. http://dl.dropbox.com/u/23132/index.html

Любая помощь или идеи?

Ответы [ 2 ]

1 голос
/ 01 августа 2010

Получил решение от Bordingo . 

<html>
<head>
<style type="text/css">
html, body {    height: 100%;    min-width: 960px;}

.container { width: 960px; height: 100%; margin: 0 auto; background: #ddd; }

.nav-fix { position: absolute; left: 0; width: 50%; min-width: 480px;  height: 100%;}

.nav { position: absolute; top: 100px; right: 280px; width: 9999px; height: 200px; background: #333; }

.nav-box { position: absolute; top: 10px; right: 10px; width: 180px; height: 180px; background: #eee; }

</style>
</head>
<body>
<div class="nav-fix">
<div class="nav">
<div class="nav-box"></div>
</div>
</div>
<div class="container"></div>
</body>
</html>
0 голосов
/ 30 июля 2010

Если вы хотите использовать jQuery, вы можете довольно легко рассчитать смещение основного тела и соответственно отрегулировать ширину / отступы / поля боковой панели.

Простой пример

http://dl.dropbox.com/u/1588084/floatmenu.htm

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...