J Hodge wrote: > This project is almost wrapped up, but I was hoping that I could get > some input regarding how it displays in the various browsers. I'm > particularly interested in how it displays for Mac and *nix.
> http://mercury.walagata.com/w/freecyclemwo/6152750.html > http://mercury.walagata.com/w/freecyclemwo/layout3.css Looks like you are hacking the list-display between Moz/FF, Opera and IE6. I don't think that's a good idea... 1: those hacks are already breaking in Opera 9. Opera 9 have the same defaults as Firefox, while earlier Opera-versions follow the old IE/win model. 2: setting 'margin: 0' and *then* define 'padding: (whatever)' on ul#newsitems will work in all browsers. 3: IE/win has problems with those paddings defined in 'percentages', because it tends to loose track of what to calculate them from - a bug. IE/win has no particular problems with 'pixels' though, since no calculations are needed. Example... #content ul#newsitems { padding: 0 100px 0 110px; margin: 0; } ...produces pretty much the same line-up in all browsers and versions - once all the different hacks you have at present are commented out. Didn't even need to serve separate styles to IE6 since it seems to end up close enough for comfort. A lot less code too. Advice: Since you have a fixed-width layout anyway, most 'percentage' values acting on dimensions should be rewritten in 'pixels' for a more cross-browser predictable result. Doing so will probably do away with the need for any hacks (although one can never be sure when it comes to IE ;-) ). regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
