Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Как сделать три блока - левый, средний и правый, ч

Автор: vlad275 5.4.2011, 12:38

Как сделать три блока - левый, средний и правый, чтобы средний блок был фиксированного размера и находился посередине, а на остальные приходилось сколько останется?
резина|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

Автор: Котокобра 6.4.2011, 03:13

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

Код


<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

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

Автор: Котокобра 7.4.2011, 00:53

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

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

vlad275, дам Вам удочку.
http://www.google.ru/search?ie=UTF-8&hl=ru&q=%D1%82%D1%80%D0%B8%20%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D0%BA%D0%B8%20%D1%86%D0%B5%D0%BD%D1%82%D1%80%20%D1%84%D0%B8%D0%BA%D1%81

Автор: vlad275 7.4.2011, 11:22

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

Автор: Mavrun 7.4.2011, 11:28

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

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