[css-d] Problem With Menu
Hi; I've got a css menu here: http://angrynates.com/nrelectric.com/ This works fine in FF but in IE, if you mouseover Services the font turns black and you can't mouseover the dropdown! It disappears before you can get there. What do? Please advise. TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] Form in IE6
Hi, I'd be very grateful for some help. I'm creating a form for a customer. You can see it on my test site: http://www.peredur.net/miami-beach-suites/bookings.php It's fine in FF and OK in IE7, but I can't make any sense of it at all in IE6. I can't find anything that will make it render sensibly. If anyone has any ideas about what I might try, I'd be very grateful. Cheers Peter __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem With Menu
2009/11/14 Victor Subervi victorsube...@gmail.com: Hi; I've got a css menu here: http://angrynates.com/nrelectric.com/ This works fine in FF but in IE, if you mouseover Services the font turns black and you can't mouseover the dropdown! It disappears before you can get there. What do? Please advise. Start Correcting the 32 HTML errors, I've found validating the page. And look through the Script, running the Menu. There is an error around line 109. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] Chrome Browser Question
Greetings all, I haven't been keeping up with CSS for quite some time so I'm not sure if this has been addressed or not but here's my question. Chrome is putting a space between my footer div and my content div which is nested inside of a wrapper and I can't figure out why. It seems to be recognizing the min-height rule so I'm a bit lost on this. My design is simple ... at least I think it is. I basically have a wrapper which contains two divs, one labeled for the left sidebar and one for the content on the right. The wrapper background color is the same as the left div so that I have the appearance of equal sized columns. The only thing I did differently on the page in question is that I set a class for the content div so that I could customize a few minor things like lists. Thanks everyone for any insight you might provide for fixing this so that it will work in the Chrome browser. - Mary Here's the page in question: http://byronsbyte.com/ced/photoshop/psTips1/index.html. The stylesheet is here: http://byronsbyte.com/ced/photoshop/global-Chrome.css __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem With Menu
From: Victor Subervi victorsube...@gmail.com Hi; I've got a css menu here: http://angrynates.com/nrelectric.com/ This works fine in FF but in IE, if you mouseover Services the font turns black and you can't mouseover the dropdown! It disappears before you can get there. What do? Please advise. In the future it would be helpful if you mentioned specific versions of IE you having problems with. Change this: !--[if IE] style type=text/css media=screen #menu ul li {float: left; width: 100%;} /style ![endif]-- To this: !--[if lte IE 7] style type=text/css media=screen #menu ul li {float: left; width: 100%;} /style ![endif]-- Then fix these errors: http://validator.w3.org/check?verbose=1uri=http%3a%2f%2fangrynates.com%2fnrelectric.com%2findex.py and especially deal with the comment markers scattered about your menu markup. What were you thinking there? -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/apm An Accessible Elegant Accordion __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Chrome Browser Question
On Nov 15, 2009, at 5:39 AM, Mary Villanueva wrote: I haven't been keeping up with CSS for quite some time so I'm not sure if this has been addressed or not but here's my question. Chrome is putting a space between my footer div and my content div which is nested inside of a wrapper and I can't figure out why. It seems to be recognizing the min-height rule so I'm a bit lost on this. My design is simple ... at least I think it is. I basically have a wrapper which contains two divs, one labeled for the left sidebar and one for the content on the right. The wrapper background color is the same as the left div so that I have the appearance of equal sized columns. The only thing I did differently on the page in question is that I set a class for the content div so that I could customize a few minor things like lists. Thanks everyone for any insight you might provide for fixing this so that it will work in the Chrome browser. - Mary Here's the page in question: http://byronsbyte.com/ced/photoshop/psTips1/index.html The problem is not limited to Chrome. It also affects Safari (logically, same rendering engine as Chrome), Opera and IE 8. The issue is one of margin-collapsing. You set a min-height on div#content. The 'gap' you see in the browsers listed above comes from the margin-bottom of the last element in div#content (an ul), that collapses through the bottom edge of the parent div. margin-collapse is explained here: http://www.w3.org/TR/CSS21/box.html#collapsing-margins, see also this thread on the www-style mailing list: http://lists.w3.org/Archives/Public/www-style/2008Nov/0109.html In short, I think Gecko (all versions of Firefox) is wrong in this case - it used to be correct, but the wording of the spec changed. A simple fix to your problem is applying a minimal amount of padding to the bottom of div#content (padding: 0 0 1px; will do). That will prevent the bottom margin of the ul to collapse through. (I haven't checked, but IE 7 probably doesn't show the issue because 'min-height' triggers 'hasLayout' which also inhibits margin-collapse through) Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/