I'm trying to convert my site form tables to CSS, but for some reason the content DIV extends to far to the right for some reason, I need it to look like the tabled version, any ideas ?

CSS http://www.greggriffiths.org/livelin...ions/fortysix/
Tables http://www.greggriffiths.org/livelin...ons/fortyfive/

__________________
All the best

Greg
------------------
Greg Griffiths
Web & Livelink Developer
http://www.greggriffiths.org

I have 2 suggestions:

1) Try setting the width to 100%, and if that doesn't work set it smaller.

2) If suggestion 1 doesn't work, try adding to .content:

word-wrap: break-word;

Personally I don't see why you want to use a DIV when you are just putting the normal content into it, but that is up to you.

Hope this helps,

Snib

I was trying to convert the table based approach of the original into a more manageable CSS one, the gist of my research thus far was to replace the tables with divs, if you can provide a more suitable alternative, I'd love to hear it.

The original point of the table approach there was to allow for a gutter /margin on either side of the content so that it wasn't directly against the edge.

Greg, I'd stick with a table. It's simple and compatible. Plus, I'm not quite sure how you mean to convert "from tables to CSS". You should use CSS to supplement the tables to simplify your table HTML.

I've had weird problems with complicated DIVs. If you specify a DIV to 100% wide, but you put a margin on it sometimes it will overlap other objects. This might be why you're seeing the extension to the right.

Peter
------------------------------------------------------
Work smarter, not harder.