Neljapäev, 28. Veebruar 2008 a. 15:39
Introduction
Hello,
In this article I would like to explain how to make a CSS based tableless layout which features full width of screen(or any percentage) and main content column, which width simply depends whether side boxes exist or not (unlike
Holy Grail). You can call it css-table, but I wouldn't.
Usually the content column (div) is given margin-left or margin-right value of side box. But I would like it to expand automatically, so that if I delete a side, or give it a CSS value of
display: none, my main content will expand and all this must work correctly. There is one bug though, if there is some wide content in our main content box, the content box will go below our floated box.
I also clarify, that there is
no javascript in this method.
This article is meant more for people who already know some CSS and might be useful for advanced CSSers aswell, but enough of the introduction, let's get to the business.
Tags: dynamic width center column, full width
- Postitanud: Madis
- Teema: Web Design
- Kategooria: Web Design
- Hinne: 4.5 / 5