stublackett Posted January 30, 2009 Share Posted January 30, 2009 Hi, The page I'm working on : http://www.fpwebdesign.com/berwickrangers/ Is using a list for the News Items. I'd ideally like to line up the items directly below the <h1> Tag which is "Latest News Headlines" At the moment in FireFox I've used margin-left:-40px; and it sits fine in there. But in IE the list is sitting waaaaaaaaaay over to the left. Heres my code, How do I get it so it looks the same in BOTH browsers and of course lines up properly, Cheers #news ul { list-style: none; margin-left: 1px; margin: 0; } #news li { line-height: 18px; margin-left: -40px; } Quote Link to comment Share on other sites More sharing options...
rhodesa Posted January 30, 2009 Share Posted January 30, 2009 #news ul { list-style: none; margin: 0; padding: 0; } #news li { line-height: 18px; margin: 0; padding: 0; } Quote Link to comment Share on other sites More sharing options...
DamienRoche Posted February 2, 2009 Share Posted February 2, 2009 It's because one uses padding and the other uses margins for indentation of ul lists. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.