3 column layout in Concrete 5.5

Permalink
I am an experienced web designer with pretty good understanding of CSS but when I try to do things in Concrete, some things just don't work. I always build my design in Dreamweaver first, then transition to Concrete.

I am having problems with my 3 column layout on the home page athttp://mountainmanoutdoorsupply.com/,... specifically the left column and the center. No matter what I do one or the other ends up being pu

Things I've tried:
- re-ordering the blocks in the home.php file. I can get the right column where it belongs, but the center column and the left column each push the other down in the design.
- the center column width is 45% with auto left and right margins, removed the floats and changed clear to none.

After almost 24 hours, I really could use some help.
Thanks.
Peggy

ProjbyP
 
ProjbyP replied on at Permalink Reply
ProjbyP
glockops replied on at Permalink Reply
glockops
Easiest way of fixing your site is to put the sidebar1 div before the div with the id of body.

It also needs to have a width defined and be floated left.

Disclaimer: quick edit with Google Dev Tools.
ProjbyP replied on at Permalink Reply
ProjbyP
I had it that way too ... and then the center column is pushed down.
Take a look now ...

Here's my CSS:

#page #central.home div#sidebar1 { width:24%; overflow:hidden float: left !important; }
ProjbyP replied on at Permalink Reply
ProjbyP
Oh geez! There's my mistake. Missing the ; after hidden!
Well duh!
ProjbyP replied on at Permalink Reply
ProjbyP
Thanks for your reply! I got it now!!!