Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: open
The site is PHP and uses layers extensively.
I've played with it some, saving the resultant HTML file in the browser after being processed by PHP on the server, then changing some of the labels' X coordinates and indeed it seems that somewhere in the middle of the page FireFox doesn't want to honor the layer properties for some reason. But it's more than that...it's like there is a buffer area between where it "breaks" and the right side of the browser's edge.
All the labels are layers (divs) with the following settings (the pixel values of course differ between them):
style="position: absolute; left: 698px; top: 482px; height: 40px; z-index:2; border: 1px solid #000000; background-color: #FFFFFF; filter:alpha(Opacity=85)"
Yes, I know the alpha filter is IE-specific. I believe there is a corresponding FireFox filter named -moz-opacity, but I haven't worked that out yet.
Does anyone have any ideas on what's going on? I appreciate any help.
You should ALWAYS test your site with a W3C compliant browser FIRST (GEcko or Opera) and THEN test with legacy browsers (Netscape 4, any IE).
Choose your favorite Gecko browser and test your work out and then once you have it working fine adapt IE with it's countless bugs. The people at MS KNOW the (lack of) quality of their products so at least they gave us IE-conditional comments.
As far as layers go it's all about z-index. The higher the number the closer the object is to you (the viewer) and the lower the number (negative values not allowed) the further away the object is.
[edited by: encyclo at 5:20 pm (utc) on Aug. 23, 2005]
[edit reason] No email addresses please [/edit]