Создание заголовка с одной стороны жидкости - PullRequest
Новая
       1

Создание заголовка с одной стороны жидкости

0 голосов
/ 21 января 2012

см. Прилагаемый каркас. Я использую план CSS. Я хочу, чтобы все, кроме заголовка, находилось в контейнере 980 пикселей.

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

Надеюсь, каркас поможет объяснить проблему. Если нет, пожалуйста, дайте мне знать. Спасибо

Wireframe

Ответы [ 2 ]

1 голос
/ 22 января 2012

Не уверен, правильно ли я истолковал ваш вопрос, но я думаю, что единственный способ сделать это - поиграться с z-индексом контейнера и области баннера.

Например, ваш CSS будет: 

body { margin: 0; }
#container { width:980px; margin: 0 auto; z-index: 1; background-color: black; height:500px; }
#logo { width:200px; height:50px; background-color: red; }
#header-left { position: absolute; top:0; left:0; height:50px; width:50%; z-index: 0; background-color: red; }

Тогда для вашего HTML: 

<div id="header-left"></div>
<div id="container">
    <div id="logo"></div>
</div>

Надеюсь, это поможет.

0 голосов
/ 21 января 2012

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

body {
    margin: 0px;
}

.header {
    width: 200px;
    position:absolute;
}
.container {
    width: 980px;
    margin:0 auto;
}

<body>
<div class="header"></div>
<div class="container"></div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...