css 3 column solution

shadowness

2007-07-18 14:21

Hello,

I have a 3 column layout on my store... i mean [left_menu][content_block][right_menu] !


Here's the css code:


#column{float:left;width:200px;padding:0 0 0 0px;}
#column2{float:right;width:200px;padding:0 0 0 0px;}
#content{float: left; position:relative; width: 40%; padding:20px 30px 20px 20px;}



The problem i got is that at 800x600 the content fits well, but in 1280x1024 the content doesn't fill all the space between the two columns.

I'm using width 40%, so at 800x600 the size of the content is 320px... , at 1280x1024 is 512px..... and it should be something close to 800 px.



Does anyone got a solution to fix this???

Thanks!

» Quick.Cart v2.x

merci

2007-07-19 08:13

shadowness - can you send link to your site or some screens. I need to see it.

shadowness

2007-07-19 18:59

hello, thanks for your interest.


www.oportomagic.com

try to view with diferent screen resolutions... you'll see that the content block doesn't expand.

thanks:)

merci

2007-07-20 10:21

shadowness - nice page, gratulation :) If about your problem with width of the content I'm not sure if it is possible to do with <div> - maybe ask about that in some css/html/xhtml discussion board. For sure you can do this using tables.
By the way, please change link at your site from Engine by QC to Powered by Qucik.Cart.