469,626 Members | 883 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,626 developers. It's quick & easy.

Need help transitioning to CSS instead of Tables

I am in the process of converting a web page over to XHTML 1.0 Strict and CSS, as opposed to using tables for layout. I think I am almost there, but I am having issues with borders, some strangely positioned li elements, and a flash component that doesn't seem to work quite right.

The page itself is located at:

My CSS stylesheet is here:

Here's a list of the problems in greater detail:
  • Borders: In IE7, the border for #menuOperatingDivs edges itself into the #header-bottom section. This does not seem to occur in Firefox.
  • LI Elements: I have the LI elements positioned correctly in IE7, but when I open the page in Firefox, they are indented too far.
  • Flash Animation: I am using a javascript file to open a flash animation (so that I lose the "Click to Activate" message in the page). It works fine in IE7, but Firefox doesn't display the animation

Thanks for your help. I'm trying to convince my boss that CSS is the way to go, but I've spent 3 days now working on this page, and all he sees is that it would have taken 2 hours tops using tables.
May 7 '07 #1
1 1077
7,435 Expert 4TB
For the second problem, IE uses margins while Firefox uses padding for lists. The easiest solution is to set both to what you want them to be.

The third problem needs to be asked on the javascript board.

The first I'll look at eventually but today is a horrible day for me.
May 7 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

7 posts views Thread by kackson | last post: by
4 posts views Thread by Matt Stanley | last post: by
13 posts views Thread by EggsAckley | last post: by
5 posts views Thread by manmit.walia | last post: by
3 posts views Thread by Dan | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.