I'm new to CSS layout. I've used tables in the past so any comments on this simplified code would be appreciated.
This faily simple CSS layout that works correctly in IE but falls apart in NS4xx. Is there a technique to keep the page ledgible in NS.
Currently the footer div moves to the right and overlaps the other divisions.
That you would place in the HEAD of the HTML document. Then erase all the styles you created inside the <style> tags, but keep the style tags. Just add this line of code, a complete example is below:
<style type="text/css" media="screen">
Of course you can change the .css filenames to anything you want.
This is where you place the styles for formatting the DIVs how you want them.
Simply omit all of the position properties in default.css. The only thing that NS4 really supports correctly is text, font, some list, and some background properties in CSS. Here's how the trick works.
Newer web browsers (IE 5.0 - 6.0 PC, IE 4.5 - 5 MAC, NS 6 - 7, Mozilla, Opera 5 - 7) recognize the @import method for importing an external style sheet. NS 4.x (the troublesome browser in question) and IE 4.0 for the PC and MAC do not recognize @import. But they do recognize importing external style sheets thru the LINK tag.
Coincidently, fourth generation web browsers do not support enough of CSS 2 to correctly render the page as you want it. So what you've just done is "hide" the advanced CSS layout from mostly incompatible browsers.
Thank for your thoughts. I think it's finally time to abandon my beloved NS4xx (but not completely ).
So I designed the page to work in NS4xx but without some of the fancy page formatting and bordered divisions. I hardcoded all the DIV absolute positioning on the HTML page and included all the floating DIV's. BUT the floating DIV styles are now included in an @import style sheet. ( toicontien )
The page looks pretty fair in NS4xx and is what I want in IE.
There is one problem. The last 2 chars 'd.' of the 'copyright' div are repeated below the this div. What did I do wrong?
I messed with the code and found that by removing a comment. <!-- copyright -->, the 'repeated' chars went away.
So, is the probem is solved? I think not! Something is happening that I do not understand.