[css-d] Extra space in IE on css dropdown navigation
Thanks to the help I've received here my navigation menu is almost complete. I have tried and tried to fix this final problem but I am not getting anywhere so again am asking for your expertise in what I hope is a simple question. If you view the menu here: http://www.aberdeenhq.com/test2 you will see that everything works in Firefox and most works in IE. The only problem I have is on the 'entertainment' section. If you hover on 'entertainment' it drops down the list of options, with sub options coming from 'shopping', 'places to visit' and 'sports'. However, you'll note that there is a white line under these 3 elements, that shouldn't be there and doesn't display in Firefox. Any idea how I can get rid of these white lines? Because this is an IE only problem, I presume you'll need to check the 'if ie' stuff in my html, but my css file is here if you need to check that too: http://www.aberdeenhq.com/test2/css/final3.css Thanks very much again for any help or suggestions. Anne __ 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/
[css-d] Padding in Firefox - Horizontal navigation menu sits too far to left
I've been working for ages now on this vertical horizontal menu in css and have slowly managed to improve it apart from a couple of things. It works great in IE but in Firefox it sits too far to the right, as if there's padding to the left. I've tried everything I can think of but can't get this to work. I would be extremely grateful for any suggestions as to what I should do to get this to move to the left in Firefox (but still look OK in IE!). If I can get it to move to the left I can hopefully then increase the width of all navigation elements slightly so that the larger elements don't cut off. The dropdown in Firefox isn't perfect but I could live with it. The page can be viewed here: http://www.aberdeenhq.com/test and css is here: www.aberdeenhq.com/test/css/dropdown5.css Thanks in advance for any help or suggestions. Anne __ 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/
Re: [css-d] Padding in Firefox - Horizontal navigation menu sitstoo far to left
Thanks Charles - that's exactly what I wanted it to do in Firefox! However... it is now spaced out far too much in IE and the navigation goes onto 2 lines now. Any ideas how I can now reduce the width in IE? Anne - Original Message - From: Charles [EMAIL PROTECTED] To: Anne Davies [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Friday, November 24, 2006 2:36 PM Subject: Re: [css-d] Padding in Firefox - Horizontal navigation menu sitstoo far to left On 11/24/06, Anne Davies [EMAIL PROTECTED] wrote: I've been working for ages now on this vertical horizontal menu in css and have slowly managed to improve it apart from a couple of things. It works great in IE but in Firefox it sits too far to the right, as if there's padding to the left. Basically to remove the left padding on the menu you would need to change the padding in #menuh ul { padding-right: -2em; } into something like #menuh ul { padding: 0 2.5em 0 0; } Cheers, -Charles- __ 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/ Email has been scanned by www.aberdeen-internet.com for viruses and spam __ 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/
[css-d] Horizontal navigation menu problem in Firefox
I've got a problem with a css horizontal navigation menu. Although I'm still quite new to css I've spent many hours getting this dropdown menu to work. It's now great in IE but... it looks awful in Firefox - the alignment is all wrong like there's too much padding to the left. I've tried everything I can think of but can't get it fixed. I copied code from a few sites to get it to work in the first place so maybe there's some incompatibility there. I'd be very grateful for any suggestions. You can see the navigation menu here: http://www.aberdeenhq.com/csstest and the css is here http://www.aberdeenhq.com/csstest/css/dropdown2.css Thanks in advance for any suggestions. Anne __ 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/
Re: [css-d] Horizontal navigation menu problem in Firefox
I've redone my navigation menu, based on the Sperling example as suggested (thanks Ian). It's much better now but I still have some problems. The main problem is that I have many navigation items to fit in, and, using the Sperling style, they are currently all the same width, which is wasted on navigation items which are short, eg 'the process' 'your move' and 'general' whereas 'temporary accommodation', 'communications' and 'entertainment' need an extra pixel or two to give enough width. Is there an easy way to change the width of these items so that some are short and some are longer? I've put over my latest attempt at http://www.aberdeenhq.com/csstest2/ and the css is at http://www.aberdeenhq.com/csstest2/css/dropdown4.css In IE you'll notice that the final element in the navigation menu 'general' wraps to below the 'education' button, so I'll need to fix that too. Thanks again for any help or suggestions. Anne - Original Message - From: Ian Young [EMAIL PROTECTED] To: Anne Davies [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Wednesday, November 22, 2006 10:17 AM Subject: Re: [css-d] Horizontal navigation menu problem in Firefox I've got a problem with a css horizontal navigation menu. Although I'm still quite new to css I've spent many hours getting this dropdown menu to work. It's now great in IE but... it looks awful in Firefox - the alignment is all wrong like there's too much padding to the left. I've tried everything I can think of but can't get it fixed. I copied code from a few sites to get it to work in the first place so maybe there's some incompatibility there. I'd be very grateful for any suggestions. You can see the navigation menu here: http://www.aberdeenhq.com/csstest and the css is here http://www.aberdeenhq.com/csstest/css/dropdown2.css Thanks in advance for any suggestions. Hi Anne First thing that strikes me is that you have padding and/or margin in your menuh divs along with 100% widths. The math doesn't add up. For good drop downs I would visit Stu Nicholl's site at: http://www.cssplay.co.uk/menus/drop_examples.html or Tedd's at: http://sperling.com/examples/menuh/ Follow these closely and you cannot go far wrong. Design so that they work in Firefox first then check with IE 6 etc Regards Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.430 / Virus Database: 268.14.12/545 - Release Date: 21/11/2006 22:36 __ 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/ Email has been scanned by www.aberdeen-internet.com for viruses and spam __ 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/