>> 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 >>> >>> [...]
> David Hucklesby asked: >> 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? >> On Tue, 13 May 2008 15:39:58 -0700, Nina Wooster replied: > 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. > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Yes. It seems to work well across all my collection of browsers. Nice. Thank you for sharing, Nina. Dealing with Internet Explorer is part magic, for sure. Each version seems to have some bugs fixed, but plenty of new ones added. I don't think anyone claims to _understand_ IE, exactly. Asking this list should help you out. There are some very generous and knowledgeable people here. Cordially, David -- ______________________________________________________________________ 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/
