CSS question

[imported_DarkPenguin]

I'm trying to make a Joomla template work the way I want.

My issue comes down to this.

I have a menu that uses contentcol1 (see below) as its style. Next to this I want my main content using contentcol2. This works fine for the most part. The problem is that I simply want contentcol2 to always sit to the right of contentcol1 and to resize to whatever size is needed. For instance I'd like to have contentcol2 stretch the width of the screen if need OR stretch to the size of any large images. I'm not sure how to specify a width for contentcol2 that will do that.

#contentcol1 {
float:left;
text-align:left;
background: transparent;
width:155px;
font-size: .75em;
padding-right: 3px;
border-right: 1px solid #ccc;
}

#contentcol2 {
float:right;
text-align:left;
background: transparent;
width:600;
font-size: .55em;
padding-left: 3px;
}


Ideas?

Thanks!

 

[fs5]

width: 100%

 

[imported_DarkPenguin]

That doesn't work. When I do that I get the menu (contentcol1) down the left side with the body (contentcol2) underneath it rather than next to it.

 

[imported_LoKe]

Because it's too wide. Adjust your padding to use per centages rather than fixed values. If your padding was, say, 2% and you had it on both side, that'd give you 4%. So, your width would be 96% or less. Mind you, I'm just gussing.

 

[imported_DarkPenguin]

I'll give that a try.

 

[hellman69]

Why don't you just set your margin-left to 157px and remove the float and width for contentcol2.

Trevor

 

[imported_DarkPenguin]

That would give me a 157px left column the length of the page, right? Otherwise, if I achieve the float thing, contentcol2 would wrap around it when done, right? I could live with that. Thanks for your help!