VPF::Как сделать три блока - левый, средний и правый, ч

vlad275

Дата 5.4.2011, 12:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3

Как сделать три блока - левый, средний и правый, чтобы средний блок был фиксированного размера и находился посередине, а на остальные приходилось сколько останется?
резина|fix|резина
Вот так не получилось. Средний сдвигается влево

Код



    <div id="leftdiv" style="float:left;">
        &nbsp;
    </div>
    

    <div align="center" id="centraldiv" style="width: 1000px; height: 625px;">
        &nbsp;
    </div>

    
    <div id="rightdiv" style="float:right;">
        &nbsp;
    </div>

Добавлено @ 12:42
В принципе, я загнал средний блок в еще один блок, то он отцентрировался по центру не только по ширине, но и по высоте :-(
http://rinalda.ru/pages/rnd/13

Это сообщение отредактировал(а) vlad275 - 7.4.2011, 11:23

--------------------

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Котокобра

Дата 6.4.2011, 03:13 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 3
Всего: 4

проще всего это сделать с помощью таблицы.
если нужны именно дивы, то мне такой вариант:

Код


<html>
<head>
<style>
body {margin:0px; padding:0px;}
</style>
</head>

<body>

<div style="position:absolute; left:0px; top:0px; width:50%;">
    <div style="background:#ccc; height:600px; margin-right:500px;">
    </div>
</div>

<div style="position:absolute; background:#888; width:1000px; height:600px; left:50%; margin-left:-500px;">
</div>

<div style="position:absolute; right:0px; top:0px; width:50%;">
    <div style="background:#ccc; height:600px; margin-left:500px;">
    </div>
</div>

</body>
</html>

vlad275

Дата 6.4.2011, 12:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3

Спасибо. И все бы хорошо, но задний фон среднего div не поднялся до top:0px;
В чем мой косяк?

--------------------

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Котокобра

Дата 7.4.2011, 00:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 3
Всего: 4

vlad275, не знаю... либо фон криво подгружается (например, он меньше размеров дива и выравнивается по центру).
Пропиши на всякий случай явно top:0px;

Код


<div style="position:absolute; background:#888; width:1000px; height:600px; left:50%; margin-left:-500px;">
</div>

cccr85

Дата 7.4.2011, 08:27 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.7.2010

Репутация: нет
Всего: 2

Ну вы конечно жгете, абсолютное позиционирование...

vlad275, дам Вам удочку.
Все проблемы уже решены.

vlad275

Дата 7.4.2011, 11:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3

Котокобра, спасибо! Заработало!
cccr85, слишком туманный намек

--------------------

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Mavrun

Дата 7.4.2011, 11:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

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

Котокобра, респект

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »