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; } Link to comment https://forums.phpfreaks.com/topic/143118-cross-browser-issues-lists/ 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; } Link to comment https://forums.phpfreaks.com/topic/143118-cross-browser-issues-lists/#findComment-750612 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. Link to comment https://forums.phpfreaks.com/topic/143118-cross-browser-issues-lists/#findComment-752323 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.