Hi,
I'm pretty new with css and trying to make the Zen layout.css appear with 2 columns, yet have the right sidebar at 340px instead of 210px. Every time I change the css the right sidebar drops down below center panel.
In code below, the right sidebar is 340px (which is great), but the content (container?) is still 210px. When I change the 210px, the panel drops below.
I do not want the left sidebar ...
Please, how would I alter the code to make this work?
#container {
margin: 0 auto;
/*padding: 0 20px;*/
max-width: 1270px;
}
/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.both-sidebars {
/*min-width: 980px;*/
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
/*min-width: 780px;*/
}
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#main {
float: left;
width: 100%;
}
/* So we move the #main container over the sidebars to compensate */
body.sidebar-left #main,
body.both-sidebars #main {
margin-left: -210px;
}
body.sidebar-right #main,
body.both-sidebars #main {
margin-right: -210px;
}
#squeeze {
position: relative;
padding: 0 1em;
}
/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze,
body.both-sidebars #squeeze {