Jennifer Knowles wrote: > I am preparing a site for a redesign. <snip> > > I have a basic "Son of Suckerfish" experiment here > http://www.thecentersd.org/navtest.html > and the problems I am facing should be obvious. I need the sub-item > ul's to be wide enough not to wrap (I have specified 10em per the > original Son of Suckerfish on html dog which is too short) but as it is > they are already too wide for my top level (I only have 786 pixels to > work with) > I have never tried anything like this with Suckerfish before and I am > wondering if it is even possible. (I admit I am over my head.) I have > assigned ids for all of my top level li's as well as all sub-menu ul's. > What I am thinking is I can specify the width of each of the different > nav items and but then is there a way that I can make the top level li's > evenly spaced as they are on the current menu? > Any help is really appeciated!!!
Hi Jennifer For IE7, you already have a the IE7 re-calculated offset bug and your are halfway there to a sticky hover bug. Have you tested in IE7 yet and noticed that nothing happens? See this page for an explanation. http://css-class.com/articles/explorer/sticky/stickybug4.htm You can use a percentage or use a bug fix (see the main article). I believe that the menu contains to many items to function properly. The beauty of the sons of suckerfish menus is that the text can be resized. I have added another demo to my site showing a menu with fixed width top menu items. http://css-class.com/articles/ursidae/bears5fixedwidth.htm To have the top level li's evenly spaced, you need to change your 10ems to pixels since you want a fixed width page, but check with text resizing. I do recommend browsing around for many good examples of these types of CSS menus and do many test across browserland. Would I use one myself? most likely not. :-) BTW, those ids are just adding unnecessary markup to the code, unless they are used as page markers. Kind Regards, Alan ______________________________________________________________________ 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/
