Folks - you've helped out before, and I'm asking again. Pardon if this
sounds all too simple, but I've yet to find a solution either in this
list's archives, or on the web.
I'm trying to create a fluid layout with two columns, but whilst the
left column is variable width, the right column
body
div id=sidebar/div
div id=content/div
/body
#sidebar
{
float : right;
width : 190px;
}
#content
{
margin-right : 190px;
}
ivanovitch wrote:
Folks - you've helped out before, and I'm asking again. Pardon if this
sounds all too simple, but I've yet to find a solution either in this
Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of ivanovitch
Sent: Monday, 5 December 2005 9:32 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] 2-col question
Folks - you've helped out before, and I'm asking again. Pardon if this
sounds all too simple, but I've yet
ivanovitch escribió:
Folks - you've helped out before, and I'm asking again. Pardon if this
sounds all too simple, but I've yet to find a solution either in this
list's archives, or on the web.
I'm trying to create a fluid layout with two columns, but whilst the
left column is variable width,
Samuel Richardson wrote:
body
div id="sidebar"/div
div id="content"/div
/body
#sidebar
{
float : right;
width : 190px;
}
#content
{
margin-right : 190px;
}
This is the exact design of my site http://www.smashignred.com except
the side bar is
I forgot to add, if you want to apply a background image or footer then
wrap then
body
div id=contentwrap
div id=sidebar/div
div id=content/div
div style=clear : both;nbsp;/div
/div
/body
Add background images to the #contentwrap for a faux column effect, also
if you add a footer
.clearfix{height: 1%;}
.clearfix{display: block;}
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Samuel Richardson
Sent: Monday, 5 December 2005 10:02 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] 2-col question
I forgot to add, if you want
There's a simpler way of clearing floats without using the clear
attribute.
If you apply overflow: hidden; to the container DIV it will then
expand to contain all the floats (as long as a height hasn't been
specified, then it will possibly clip the floats).
The only issue with this is that
Thanks everyone: it was the float clearing that proved to be the thorn
in my side (right side). And the IE-Mac fix is also appreciated.
Only one more nut to crack with the site. I'll return for assistance
with another right floater if I can't use what I've just learned.
Thanks again: a terrific
