Zoom layouts update
I was away for about a month for some reasons and I just read Joe Clark's article Zoom layouts update I'm glad to be mentioned as one of the first few to apply Joe's zoom layout technique.
Joe commented on my link ( needs fine-tuning for overlapping layout components ) thanks Joe for pointing out the bug for me. It affects Safari only as far as I can see, the reason this bug appears is the negative margin values in the default style which I call it modern that affect other styles when switched to them.
As you can see I have one default style modern and two alternate new & zoom the margin in modern is #top { margin-top: -119px; } the negative values only the negative values affect the alternate styles when switched to them even if there is a rule that overwrite it like #top { margin-top: 0; } to fix the problem I have to overwrite it with a rule like #top { margin-top: -1px; } and maybe let the first object above #top push it one more px to the bottom.
I don't know if this is the best solution but it is one. Thanks a lot Joe and thanks all.
March 4, 2006, 1:39 PM | Accessibility , CSS , Experiments , Point , Web standards