http://tevlar.net/mytevlar/ shows fine in IE, Opera & Safari, but not in firefox.. clues greatly appreciated..
first line of code is this <div id='background' style='position:absolute; left:0px; width:100%;height:100%; z-index:-1'><img src='/mytevlar/custImages/fluorescence61250.jpg' style='width:100%; height:100%;'></div> what exactly to you want to do? if you just need a background for your page then this is not the way to go...
i do need a background for that site. how would you do that? this is a tried-and-tested method for me..
Tried and true or not, it's not a standard coding method and isn't even considered inside the html markup. Why it works for the other browsers I don't know but it's another proof that validation is necessary for all web pages (as an aside). Remove that line and, for your body, you can do body{ background-image:url(mytevlar/custImages/fluorescence61250.jpg); }
tried that, it never scales correctly, and if the page length is larger than the viewport you get all sorts of distortions.. fact is, in all other browsers this page loads and displays just fine.. edit: i've just seen that i put the bloody background div before the opening <html>.... hehe, i'm new to the smarty engine.. my intention is to put it just after <body> ofcourse.. i'll go fix it now..
Another potential issue is that this line, being in front of the doctype, throws IE into quirks mode and it won't attempt to perform like modern browsers. When you remove that line, we'll see what it does.
Well, my debugging tools won't even work with your site because of that line. You'll have to remove it or I can't help.
Remove position:absolute from the css for that image but, first, let me know if this still works in IE as it is right now.
<body> <div id='background' style='left:0px; width:100%;height:100%; z-index:-1'><img src='/mytevlar/custImages/fluorescence61250.jpg' style='width:100%; height:100%;'></div> <div id='scroller' style='position:absolute; left:0px; top:0px; overflow:auto; width:100%;height:100%;'> ............script content.......... </div> </body> Code (markup): and now it works in all browsers <g> thx for the support & attention ppl..