First off, I'm a newbie with CSS and I'm just starting to understand how to manually code it instead of relying on Dreamweaver ... so I apologize for this presumably ignorant question:
I'm setting up some dropdown menus using DIVs that are essentially just tables of links. I'm testing the site on a PC. The menus seem to be working properly in Netscape 7.2 and Firefox 1.0.4.
However, I get a very bizarre initial page load in Internet Explorer 6.0.2. The horizontal table borders (thin red lines) are visible on the page, but no other elements of the dropdown menus are visible. When you mouseover the top navigation links, the red border lines disappear and remain (properly) invisible until the page is reloaded again. Below is the page link:
<!-- m --><a class="postlink" href="http://www.andrew.cmu.edu/user/agrossi/CIT/">http://www.andrew.cmu.edu/user/agrossi/CIT/</a><!-- m -->
I've been searching the web for Internet Explorer CSS kinks, and there seem to be many, but I've yet to stumble on one that addresses this particular issue. Any help would be very much appreciated.
AdamHave you checked out the articles on PIE (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a><!-- m -->)?Check your javascript, the red lines appeared to be the line of your menu's border.
I guess in the style of your sub menu, you some how included the border.
Kiat Hau
<!-- m --><a class="postlink" href="http://webidiot.blogspot.com">http://webidiot.blogspot.com</a><!-- m -->, Learn how to build a web sitehello,
thanks for your help. After struggling with this a bit, I found that if I removed the following code from my external style sheet, the problem vanishes:
table {
border-collapse: collapse;
}
Has anyone else found that border-collapse is quirky in IE? The issue is, without this code my tables in Firefox and Netscape have grey borders. I'm trying to keep them red. If anyone knows a workaround for this, I'd love to see it. Thanks again.
Adam
I'm setting up some dropdown menus using DIVs that are essentially just tables of links. I'm testing the site on a PC. The menus seem to be working properly in Netscape 7.2 and Firefox 1.0.4.
However, I get a very bizarre initial page load in Internet Explorer 6.0.2. The horizontal table borders (thin red lines) are visible on the page, but no other elements of the dropdown menus are visible. When you mouseover the top navigation links, the red border lines disappear and remain (properly) invisible until the page is reloaded again. Below is the page link:
<!-- m --><a class="postlink" href="http://www.andrew.cmu.edu/user/agrossi/CIT/">http://www.andrew.cmu.edu/user/agrossi/CIT/</a><!-- m -->
I've been searching the web for Internet Explorer CSS kinks, and there seem to be many, but I've yet to stumble on one that addresses this particular issue. Any help would be very much appreciated.
AdamHave you checked out the articles on PIE (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a><!-- m -->)?Check your javascript, the red lines appeared to be the line of your menu's border.
I guess in the style of your sub menu, you some how included the border.
Kiat Hau
<!-- m --><a class="postlink" href="http://webidiot.blogspot.com">http://webidiot.blogspot.com</a><!-- m -->, Learn how to build a web sitehello,
thanks for your help. After struggling with this a bit, I found that if I removed the following code from my external style sheet, the problem vanishes:
table {
border-collapse: collapse;
}
Has anyone else found that border-collapse is quirky in IE? The issue is, without this code my tables in Firefox and Netscape have grey borders. I'm trying to keep them red. If anyone knows a workaround for this, I'd love to see it. Thanks again.
Adam