Forum Moderators: open
This has worked to hide the ugly sitemeter icon, however, since doing this I noticed my site display goofy in Netscape 6.2.3 and older.
I know I can use the @import to solve a CSS issue, however, I am not using CSS for this layer.
Is there a way to tell these borwsers to ignore the layer?
Shawn
I just finished testing it - the code does validate and the CSS does also.
I had not realized it before but its not the addition of the layer thats making it weird.
Here is the scoop - My design is at a fixed width and height. I am using CSS to control every aspect for text etc.
I am also using it to modify the size of my H1 tags etc. If I do not use H1 and H2 etc and leave my text at default - in other words use no CSS it woll render fine as long as the text does not extend below the over all height of the design.
But as long as I have header tags there are gaps in some of the images. Which I originaly corrected with:
img {
display: block;
}
But I did not have all the text on the page at that time nor the header tags so it looked as it should. I made the mistake of not rechecking it after I had it finished :(
So I am paying for it now!
So if I use the @import I am still stuck I guess since the header tags are going to be so large!
I do not how to proceed from here with it.
The site is my profile and I am using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Shawn
fixed height and width
My sympathies. The more we try to control layout, the more cross-browser problems show up. At least that what I've experienced. Hopefully you can find an acceptable middle position without too much re-coding.
I definitely suggest finding a way that the height can be fluid. A "print-perfect" layout is something many designers (and clients) want to achieve, but it is just not a natural approach on the web. Sometimes it's like using oil paints on watercolor paper.