Convert Tables to CSS - HELP!

[Lawstud]

I have now spent the last 14 hours trying to rectify some problems I am having after I re-coded the page to change tables to CSS.

The main area is overlapping with the right area.

The site should look like this:

http://www.attorneywebcreations.com

but it looks like this in CSS format:

http://www.attorneywebcreations.com/test.html

Someone please help!

 

[Vragabond]

It's a good thing you're redesigning, since your old page does not work at all in FF. So, here's a few pointers:

1. Don't make left side 127px and try and fit images that are 137px wide. That just won't happen. I don't need to make a comparison with the pants, do I?
2. Add a valid doctype to your page. That will help with cross-browser compliance and adherence to standards. List can be found here:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

3. If you want to center the page, add [tt]margin: 0 auto;[/tt] to your body.
4. Similar to another recent user, you are producing overly complex code which is hard to debug and change. Try to set the width for a container and then work within that. Don't keep assigning the same absolute width to all the nested containers.
5. Whatever your menu is made of, it has absolutely no idea what it should do in FF.
6. You should give your #mainpage [tt]position: relative;[/tt] to let your #leftnav know that is its point of reference.
7. To shove the left nav to the left side, then use [tt]left: 0;[/tt].

That should get you started.