Forum Moderators: open
I made some simple CSS changes to a page that was displaying incorrectly in Netscape 4. Rather than fixing the display issues, my changes have caused the page to hang when loading at about 20%.
I know this must have been discussed, but I couldn't get any relevant results from the search. And I seem to remember this happening a lot way back when Netscape 4 was my primary browser. Can anyone point me to a resource on code that will break Netscape 4?
Here's the top of the page. Added sections are in bold. If you see what I messed up, I'd love to hear about it:
[b]<style>
@media all {
#thumbNav {
width:100px;
height:667px;
position:relative;
float:right;
}
.chronNav {
height:30px;
width:80px;
border:none;
}
}
</style>[/b]
...
<span class="SectionTitle">Photo Gallery</span>
<br><br><br><br>
<div>
<iframe src="thumbnails.aspx?current=8" id="thumbNav">[b]
<a href="default.aspx">In the Capitol Rotunda</a> ¦
<a href="gallery_p2.aspx">Addressing Roosevelt High students</a> ¦
<a href="gallery_p3.aspx">Handing a student a prize</a>
[/b]</iframe>
<div style="width:430px;height:100%;text-align:center;">
Thanks,
g.
@media all { }
i'm not 100% sure about it, though, i stopped catering for specific browsers some time ago.
/claus
Figured it out, though. (Seems to work fine if I put the styles in an external stylesheet - foolish me and my debugging shortcuts.)
Thanks!
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:
<link type="text/css" rel="stylesheet" src="/path/file.css">
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@import url(path/file.css);
</style>
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.
