3 replies [Last post]
behnkem
Offline
newbie
Last seen: 17 years 36 weeks ago
Joined: 2005-03-28
Posts: 7
Points: 0

I have been searching for a solution for a layout that uses CSS to do 3 columns with a fluid center section, with a header that has 3 columns as well with a fluid center section, and a footer. The footer doesn't need 3 columns.

I am fairly new to CSS and this stuff. I was able to get a site up using absolute positioning and tables (for easy degradation for non-CSS browsers - don't know that I even need to do this though.)

The link is: ann-arbor-realtor.com/index.php
and the CSS is at ann-arbor-realtor.com/jack.css

My attempt (using a 3 column layout I found online) can be seen at: ann-arbor-realtor.com/index-step-prob.php and the css is at ann-arbor-realtor.com/jack-step-prob.css.

I tried to just duplicate the 3 column layout twice to achieve the desired result, but the right column keeps dropping down (to the next row.)

The other solution I can see to this problem is to wrap everything in a container div and make the site a static size but have the container div centered in the browser window.

Any helps or links to info about this would be appreciated.

Thanks!
Mike

behnkem
Offline
newbie
Last seen: 17 years 36 weeks ago
Joined: 2005-03-28
Posts: 7
Points: 0

3 column 3 horizontal rows layout

forgot to mention that I test in FF and IE6.0, and check in Opera from time to time. One of my troubles has been getting it to be similar from FF to IE. I know this mostly falls on IE problems, but since they have like 89% of web traffic, it has to work in IE. My client uses FF a fair amount, so it has to look good there also. Hate to say it, but Opera is a distant 3rd.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 column 3 horizontal rows layout

behnkem
Offline
newbie
Last seen: 17 years 36 weeks ago
Joined: 2005-03-28
Posts: 7
Points: 0

3 column 3 horizontal rows layout

Am I on the right path with my thinking to do 2 container divs with the 1 set of 3 column right below the other?

I have read most of the stuff at those links, but just need to start from scratch on my CSS file from one of those layout sites.

I getting pretty frustrated getting it similar/to work with both browsers.