Forum Moderators: open
The pages valid perfectly for CSS and XHTML 1.0 Strict.
1.) There are two floated divs right and left of each other. They are placed in another div used as a float wrap. Sometimes this works and sometimes it doesn't (the right float drops down below the left float).
2.) The jpgs loaded directly into the page don't always appear.
The same page design with different text content works on some pages all or most of the time, and other pages only occasionally. The pages use common SSI, so most of the top and bottom are the same, except for the title, and a few metatags.
When I shut the browser down and restart it, some time everything appears fine for the first view, but then didn't on the second view of the same page. Other times the images will appear but some pages will have the floating divs bursting out of their layout and some won't.
I see now, too, that the view > text-zoom setting on the browser makes a difference. If I select smaller text (going from 100% to 90%), for example, it might blow the divs out of alignment.
Do you think this is just IE5 on Mac's quirkiness and I should forget about it, or can it be fixed?
Do you all still test on IE5 for Mac?
But it turns out it was CSS after all. (You can tell that I didn't think so, given that I posted here in the Browser forum! You can move this to that forum, if you like.)
IE5/mac didn't like the float: right. Once I took that out everything worked, (except for the padding).
So, in the style sheet, I did a two step:
1. feed ie5/mac what it needed, and
2. use the comment hack to hide the real padding data from ie5/mac, but feed it to the rest.
...#maincontent {
padding: 24px 0 22px 246px; /*fake out mac ie5*/
/* commented backslash hack v2 hide from mac ie5 \*/
float: right;
padding: 24px 0 22px 60px;
/* end hack */
...
It works now.
