THANK YOU VERY MUCH IN ADVANCE! -Don

I need some basic CSS layout help with an all DIV mock-up I am working on here
http://www.modernia.net/oh/5/

to match the 'hybrid' wordpress theme framework; diagram here
http://themehybrid.com/blog/wp-content/uploads/2009/02/hybrid-legend.png

1st:
How do I contain the two floats in the red #container

2nd:
How do I get these two floats functional (and containing what I insert
into them):
a static left sidebar area (#primary and #secondary)  and a fluid
right .content area.
(.hentry is a sample content div.)

The CSS needing your help is below

#container {
margin:20px;
padding:5px;
background-color:red;border:1px solid #000;
}

.content {
float:right;
margin:20px 20px 20px 240px;
background-color:powderblue;border:1px solid #000;
}

.hentry {
margin:20px 20px 20px 20px;
background-color:lightyellow;border:1px solid #000;
}

#primary {
float:left;width:180px;
margin:20px -180px 20px 20px;
padding:5px;
background-color:#9cf;border:1px solid #000;
}

#secondary {
float:left;width:180px;
margin:20px -180px 20px 20px;
clear:left;
padding:5px;
background-color:#9cf;border:1px solid #000;
}
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to