David Hucklesby wrote: > On Sat, 10 May 2008 12:37:28 -0700, Nina Wooster wrote: > [...] > >> I am running into a problem with my left side menu in IE6 and 7. There is >> extra space >> above my border lines. The menu displays as intended in Firefox. You can see >> the >> problem at: http://suzie.ninawooster.com/books/growUp/index.html >> >> For testing, I colored the background of the sectionMenu red so the problem >> is really >> apparent. There was initially more of a space but I fixed that by setting >> the lis to >> inline: block thinking it was a hasLayout problem. That cleaned things up a >> bit but >> still left what appears to be a 1px gap. [...] >> > > It looks like you fixed it, Nina. Gaps in vertical lists is a common > problem for IE. Would you like to share your solution, please? > Sure but I'm not sure why it works totally only that I believe it is related to hasLayout. As I mentioned, I actually started with 2 different vertical space/gap issues in the left section menu that I needed to resolve. The first I fixed by applying display: inline-block to the menu lis. This took care of the big gap but left a small 1px vertical gap in the sub menus. Through a lot of trial and error I ended up applying vertical-align: bottom to the lis AND to the links they contained. For some reason I needed to do it to both. Its still a bit of magic to me. There probably is a better way but at least it appears to work.
I must say this first foray into floated elements and unordered lists for menus (instead of tables and links set to block) has left me a bit scarred (and scared! - doesn't feel real stable to me). Hopefully this will all become more understandable and second nature as I continue to gain experience. Nina ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
