David Agnew wrote: > I'm having trouble centering list items within a div. I'm using % for > width (fluid layout), and I don't mind if it's off by a pixel one > way or another, but as the window narrows, the right margin for the > list items shrinks far more than the left. This problem is in > Firefox, I'm guessing it affects other browsers.
You have a mix of pixel-paddings and percentage-width. Since paddings and borders are added to width - that's how the box-model works, your values will only add up on a single, ideal, width and can't take width-changes. > http://www.lighthouse.chtr.k12.ma.us/index.php Suggest you change to this... .features ul { padding: 0; margin: 0 4%; } .features li { list-style-type: none; border: 1px solid #540b13; color: #333; padding: 1px 2%; margin: 2px 0; } ...for perfect symmetry regardless of window-width. The "trick" is to only declare margins and paddings _here_ - in percentages or whatever, and leave the width-calculations to the browsers. Browsers are good at calculating the default (width: auto), so they should at worst get it 1px wrong. Don't worry - it is tested :-) 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/
