Would this translate well into CSS?

[LostProphet]

I've doing a site overhaul for part of a gaming group I help to run. I put the interface together in Photoshop and put it together using Dreamweaver, but it's now causing me some problems.

The design has a "fixed" height and width content box, which is fine for some of the smaller pages but not so much for larger content. Using Dreamweaver I had overcome this problem (apparently), but when I viewed in a browser, it was causing the left side to "explode" outwards.

Last night I fixed this again (using several spacer images made to size) but now the centre "content" box is somehow causing the right border to break out by a pixel or so.

Whilst I could do yet another workaround to make this work, I'd rather go with something that's going to not be so picky.

The site is below (no links):

http://mxo.hybrid-gamers.com
For the "larger content" see http://mxo.hybrid-gamers.com/history/

Question is, is there any way to make this sort of page just using CSS, or should I just remake the design so it's not so awkward for tables to handle? (iFrames aren't an option, they don't play nicely between IE and Firefox anyway)

[moojoo]

It is entirely doable with CSS. Using fixed width and height is no problem and you can use overflow:auto; say on the main content so the content can scroll sort of like if you used a frame. There are a few methods to pull it off and that layout is fairly simple to cssify. Look forward to watching the transition.

[LostProphet]

Ah excellent, thanks
I'm a CSS Noob - only really fiddled with the basics for text formatting and such but this will be a good learning curve

[moojoo]

One thing you will need to do which is very important is hand slice your images to use with css. If you run into trouble you can always post here and someone will be able to help you.

[minute44]

Oh yes! this site would be awesome as a CSS site! If I wasn't as morally solid as I am I might have ninja'd that off ya!!!

Anyway. I'd really like to see how this site progresses.

Learning CSS is the best thing I ever did in terms of Web design. It has it's times when it is really really satisfying and has it's times when it can be so frustrating you want to kill someone.

[LostProphet]

http://mxo.hybrid-gamers.com

I did this a while ago, but forgot to post and then when I finally remembered, the forums were down for maintenance!!

CSS positioning and the overflow: auto; rule have made my life a happy one when it comes to webdesigning

I'm sure there are a couple of other things I could do with the site in terms of utilising CSS, but at the moment we're still working out what content we want over and above what is there at the moment.