I am a newbie to XHTML / CSS (and this list too, for that matter), and I
having a common, yet frustrating problem.
The layout is set up using tables, but has CSS applied to control how the
Right now there are three tables, but the third will be eliminated in favor
of a div for a footer instead.
So for now, two tables are my concern. They are stacked on top of each
other; one for the nav, the other for
the primary content.
The first attempt worked pretty well - it looked as expected in IE 5.2 Mac /
Safari / IE6 Win. But when
I jumped to Firefox and Netscape 7, there was a one pixel gap to the right
of the main nav table.
Here's that link : http://www.solidhex.com/digital/
So, to attempt to correct this, I subtracted the padding of the table (in
this case 3 pixels) from the over all table width. Voila! This produced an
acceptable result across Firefox Mac/Win, Safari, Netscape 7 Mac/Win and IE6
Win. But, now it didn't work on IE5.2 Mac.
This page will look "off" in IE5.2 Mac :
Is there a way to fix this? This is not a "real" page, just a test layout
to learn some techniques
without nesting tables and such. Should I just live with the fact that it
can work well across all the
some of the other most common browsers?
I would like to get it perfect .
Donít just search. Find. Check out the new MSN Search!
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/