Web Development

Ask something
Discussion Locked

Padding, background color & Netscape

0 helpful
4 replies

by nicole

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

I have a 7px right padding down the side of my nav table, and the background color doesn't extend to the padding in the table. Does anyone know a workaround? Check out the bug at http://loganinteractive.com/banner_redesign It works fine it IE.Thanks,
nericksx

4 replies

by jaywop

Try putting the orange background color in the

tag just before the nested table.

by dahlbyk

As best I can tell, Mozilla is rendering your source correctly and IE is wrong. According to your code, the right padding should be outside of the TDs, as Mozilla renders it. I don't see where you are setting the padding to 7px currently, but thisCSS:
TABLE.mainNav TD
{
padding-right: 7px;
}
will add 7px of right padding to each of your TDs within your mainnav table. It will work in any CSS-compliant browser. I would strongly encourage you to quit using tables for layout, however. Also, your use of onClick instead of standard links makes your site completely useless in any browser that doesn't support Javascript. If you need help laying out the site in CSS, or making the site more accessible, please e-mail me: dahlbyk@softhome.net
Cheers ~ K

by dahlbyk

As best I can tell, Mozilla is rendering your source correctly, so IE must be wrong. I don't see a 7px-padding set anywhere, but the following CSS:
TABLE.mainNav TD
{
padding-right: 7px;
}
will create the desired effect, adding 7px of right padding to each of your TDs within your mainnav table. It will work in any CSS-compliant browser. I would strongly encourage you to quit using tables for layout, however. Also, your use of onClick instead of standard links makes your site completely useless in any browser that doesn't support Javascript. If you need help laying out the site in CSS, or making the site more accessible, please e-mail me: dahlbyk@softhome.net
Cheers ~ K

by nicole

I do appreciate your feedback. I put the padding right in

and that fixed it.

As far as the Javascript, that was the only way I could get the cells to behave the way my client wants them. The tables were also at the request of my client. As a usability engineer, I understand the need for accessabiliy, but my client is not interested in supporting non-standard browsers or any older than IE and NS 4.X.

Thanks for the offer of help, though :-)

Nicole

This discussion is closed to new replies.