General Community > HTML/CSS

CSS columns take up as much horizontal space possible

(1/1)

Liam.:

--- Code: ---<div id="wrapper">
<div id="header"></div>
<div id="container">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</div>
<div id="footer"></div>
</div>

--- End code ---


--- Code: ---#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border: 0;
width: 100%;
}

#a {
float: left;
width: 33%;
}

#c {
float: right;
width: 33%;
}

#b {
float: left;
width: 33%;
}

#footer {
clear: both;

--- End code ---

I want the wrapper to take up 100% of the horizontal space it's in, and the columns inside to take up the full space of the wrapper. However, it only takes up as much space as it needs instead. How can I make it take up all the horizontal space?

Yoshi:
Not sure if I get you but..

In the Admin Panel you can change it.

Doctor Deejay:
Yoshi, I don't think he's talking about SMF :P

Liam.:
This is just HTML and CSS - not anything to do with SMF as The Zonemaster said (although it is going on an SMF theme, that's irrelivant :P).

Navigation

[0] Message Index