I finally got a web site to validate as valid XHTML and to render nicely in Opera, Firefox and Safari. It even renders right in IE 7!
(Note: That is presently assuming the page does not get resized. I still hate CSS and its arbitrary assumptions).
For this site, I am intent on properly dividing content and layout. A cool thing about this design is that there are multiple levels in a page, and each one has the exact same objects (which my PHP script likes), while CSS lets them work completely differently. To make this work nicely, I am using Child nesting. That technique looks like this:
"#root>#main>.navigation"
The other possibility is descendent nesting, which I do not want to use because it requires that I go through every similarly named class and cancel out the changes from other ones. Child nesting is very selective, requiring that each object be directly descended from the one before it instead of anywhere further down the tree.
However, of course, IE6 does not want to make this easy; it does not support child nesting! (Thank Microsoft for coming to their senses and making IE7 widely used. Curses to the 24.6% of users who don't run their updates. It's hard enough to support one screwed up web browser, but two!?).
What I am hoping for is either: An alternative to child nesting that works just as nicely, or a Javascript hack to give me child nesting in IE6.
Any such thing that you folks know of?
(Note: That is presently assuming the page does not get resized. I still hate CSS and its arbitrary assumptions).
For this site, I am intent on properly dividing content and layout. A cool thing about this design is that there are multiple levels in a page, and each one has the exact same objects (which my PHP script likes), while CSS lets them work completely differently. To make this work nicely, I am using Child nesting. That technique looks like this:
"#root>#main>.navigation"
The other possibility is descendent nesting, which I do not want to use because it requires that I go through every similarly named class and cancel out the changes from other ones. Child nesting is very selective, requiring that each object be directly descended from the one before it instead of anywhere further down the tree.
However, of course, IE6 does not want to make this easy; it does not support child nesting! (Thank Microsoft for coming to their senses and making IE7 widely used. Curses to the 24.6% of users who don't run their updates. It's hard enough to support one screwed up web browser, but two!?).
What I am hoping for is either: An alternative to child nesting that works just as nicely, or a Javascript hack to give me child nesting in IE6.
Any such thing that you folks know of?