CSS Layout - 3 колонки с эластичным фоном

Я строю 3-х колонную раскладку жидкости и получил 90% путь туда. Мне интересно, что лучше всего использовать для фона или боковых баров - однако вы хотите посмотреть на него.CSS Layout - 3 колонки с эластичным фоном

enter image description here

У меня есть хороший хак ящик, что центры моего основного содержания, и теперь мне нужно impliment две полосы, которые вы видите на любой стороне, которая имеет небольшой 1px границу на соответствующей внутренней границе.

Я мог бы создать верхнюю полосу 1px, которая составляет 1000 пикселей в ширину, но у меня есть ощущение, что есть намного лучший способ сделать это - возможно, с помощью чистого CSS?

Я теперь смотрю на расположение 5 колонн здесь, или это еще трехточечная жидкость?

Если кто-нибудь может предоставить хороший образец или ссылку для этого стиля макета (его, вероятно, самый распространенный в настоящее время, да?) Я бы очень его appricaite!

Вот мой текущий код обертки жидкости:

CSS:

body 
    { 
     margin: 10px 0px; 
     padding: 0px; 
     text-align: center; 
    } 
    #siteWrapper 
    { 
     width: 980px; 
     margin: 0px auto; 
     text-align: left; 
     padding: 15px; 
     background-color: #fff; 
    }

HTML

<body> 

<div id="siteWrapper"> 
</div> 

</body>

источник

2012-04-20 nocarrier

Вот ссылка к этому изображению выше, чтобы сделать его более удобным для чтения: http://i.stack.imgur.com/aRw8T.jpg – nocarrier

http://www.manisheriar.com/holygrail/index.htm может работать на вас –

Y es, похоже, что coudl можно модифицировать в соответствии с моими потребностями; если я могу установить ширину внутреннего поля. Я сделаю это. Благодаря! – nocarrier

body 
{ 
    margin: 10px 0px; 
    padding: 0px; 
    text-align: center; 
    background: whatevercolor; 
} 
#siteWrapper 
    { 
     width: 980px; 
     margin: 0px auto; 
     text-align: left; 
     padding: 15px; 
     background-color: #fff; 
     border-left: whatever; 
     border-right: whatever; 
    }

источник

2012-04-20 22:25:31 squarephoenix

Предполагая, что он не хочет содержания внутри боковых панелей ??? –

Нет содержимого внутри боковых панелей, но они должны расти (?) Да, я уверен, что это так. Какова наилучшая практика для этого макета (похоже, это было бы очень распространено ...) – nocarrier

Прохладный, похоже, отлично работает! Благодарю. – nocarrier

CSS Layout - 3 колонки с эластичным фоном

ответ

Смежные вопросы