I wanted to use the layout and CSS from this page.
But when I copy the exact html and CSS to my own webserver (modifying only the link rel for the stylesheet to point to a local copy of the css file), the results are different, in both IE and Firefox.
In the original, the left and right columns extend to the bottom of their containing div, no matter how little text is in them.
On my webserver (IIS 6), the left and right column background colors only extend just below the content. And the rightmost column's left side moves left by one pixel. I can't detect any other difference.
In the original document, IE has a quick flash of redrawing where when it first draws the page, the outer columns only extend to the bottom of the content, but then it quickly redraws them as full-height.
I can only imagine it is something different about the servers as the content is the same.
I thought perhaps a document type problem. But I ensured that .css files are being served as "text/css." (I actually was running them through the .asp parser and setting the content-type manually (so I can have active content in my css file) but I turned that off and still no go.) I know the content-type is right because firefox refuses to use stylesheets that aren't served with the right content-type.
Does anyone have any idea why the exact same document is not rendering the same on my webserver as it is on the site I got the code from?
I appreciate the time and effort of anyone who tries to help!!!
But when I copy the exact html and CSS to my own webserver (modifying only the link rel for the stylesheet to point to a local copy of the css file), the results are different, in both IE and Firefox.
In the original, the left and right columns extend to the bottom of their containing div, no matter how little text is in them.
On my webserver (IIS 6), the left and right column background colors only extend just below the content. And the rightmost column's left side moves left by one pixel. I can't detect any other difference.
In the original document, IE has a quick flash of redrawing where when it first draws the page, the outer columns only extend to the bottom of the content, but then it quickly redraws them as full-height.
I can only imagine it is something different about the servers as the content is the same.
I thought perhaps a document type problem. But I ensured that .css files are being served as "text/css." (I actually was running them through the .asp parser and setting the content-type manually (so I can have active content in my css file) but I turned that off and still no go.) I know the content-type is right because firefox refuses to use stylesheets that aren't served with the right content-type.
Does anyone have any idea why the exact same document is not rendering the same on my webserver as it is on the site I got the code from?
I appreciate the time and effort of anyone who tries to help!!!
