Ivan Taylor wrote: > http://passkeys.org/fl_articles/2007/fl337_what_is_the_moral_courage_workout.html
> In Firefox, the text displays correctly between the Menu and a News > box on the right side. My problem involves IE and Opera users. In IE6 > and Opera9.23 the display text overlaps the News box. The News box > positions itself right below the last menu button. Part of what you are observing is an obscure problem: Gecko doesn't treat positioning in tables all that well, so it "saves" you from most of the problems induced by overuse of positioning to line up elements. Opera and IE actually tries to do what you tell them to - it just doesn't look right. I have made some basic corrections here... <http://www.gunlaug.no/tos/alien/it/tets_07_080201.html> ...with overriding styles in the page-head. - All positioned elements are *forced* back into the flow. That makes all browsers line up all elements more or less the same. That's a good start. You can use margins on elements to fine-tune the line up and control what should overlap what or not. That's otherwise almost impossible to achieve when you have a lot of absolute positioned elements. - #links is given 'position: relative' so it can act as base for the pop-ups but not itself being "positioned". - The pop-ups are positioned with a percentage, which makes them stay below the #links container regardless of font size and other variables. - The vertical alignment in the table-cells is changed to 'top', since everything would otherwise move around based on the size of the entire table-layout. Note that you can not rely on your font-size being respected - especially with font-sizes and color/background choices that makes it impossible (for me at least) to read major parts of the text. I need at least 150% font size relative to what you have given me, and all browsers give me that option - and more. Your layout breaks then - causes overlapping between elements, while my corrected version doesn't since I have prevented overlapping (apart from the pop-ups). This is of course not an issue if the page "isn't supposed to be read". However, I guess "readability" is an issue in your case also, so you should test thoroughly and make sure your final version can take some if/when browsers resizing options are applied. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
