[css-d] IE6 bumps the P down below one (but not other) floated divs
I have a page that has2 absolutely positioned divs (for the menu & logo), an unpositioned div to hold all the content (by this I mean it doesn't have a position attribute, just margins) Within the content I have a relatively positioned div (for the masthead), three floated divs (for the featured pics, which vary in size), and h2 and p blocks, and a contact div. The floated divs and the text are in a containing div (#content). All is well in most current browsers, but IE6 is pushing the paragraphs down below the floating divs. As my client has this browser, not to mention several of his customers, I must needs support this... Can this be fixed, and if so, how? I've messed around considerably with width, height, position attributes. Should I wrap things differently? Is there particular CSS I should use in the stylesheet for IE6? Or in the base stylesheet? The page (testing): http://www.metasilkwebworks.com/test/psllc/ The base CSS: http://www.metasilkwebworks.com/test/psllc/css/psbase.css The IE6 and lower CSS: http://www.metasilkwebworks.com/test/psllc/css/psIE6.css I really appreciate y'all's help. I've been poking for answers here and in a good variety of other sites, without finding the right key yet. Kir __ 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] IE6 bumps the P down below one (but not other) floated divs
Thank you! This was exactly the thing -- I thought I'd done this and obviously hadn't. Sorry my thanks are so late; I really appreciate your help. On Fri, Jan 23, 2009 at 5:13 PM, Gunlaug Sørtun wrote: > Kir Talmage wrote: > >> All is well in most current browsers, but IE6 is pushing the paragraphs >> down below the floating divs. >> > > So does IE7 at my end. > Problem seems to be caused by IE's "clear right" bugs - no good CSS-only > fix that I know of. > > http://www.metasilkwebworks.com/test/psllc/ >> > > If you move the h2 from where you have it now in the source-code, to > below all three "featured" divs - just above the first paragraph, IE6 > and 7 will handle them correctly. > This move won't change/disturb anything in those browsers that already > got it right. > > regards >Georg > -- > http://www.gunlaug.no > __ 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] Dropdown doesn't appear in IE6; nor does LI highlight (all great in other recent browsers)
I'm (still) using a Sons fo Suckerfish-based menu at http://www.birdsofvermont.org , a site I inherited and have been upgrading (rather than wholly rebuilding) It works as I ask it to in IE7, FF2-3, Safari (last I checked). Of course, it has issue in IE6. Issue 1: The links within LI tags work (highlight on hover) fine. The "this is not a link, just the top of a dropdown" LI do not highlight on mouseover in IE6 (I have a span to format their text, and a class). I could code these as text inside the LI, but do I have to do so? Issue 2: The submenus (Level 2 / class L2) don't appear (even when the LI text is coded as a link) I've got a stylesheet just for tweaking IE6 behavior ... but I don't know what to tweak next. (I've tried heights, wid ths, positions, z-index...). The submenus themselves? Basic stylesheet (for the menu): http://www.birdsofvermont.org/css/birdnav.css stylesheet for IE6--not much has changed, as I keep changing things back: http://www.birdsofvermont.org/css/birdnavIE.css Thank you already, Kir __ 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] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?
Dear all, I'm using a suckerfish-based nav menu at http://www.alysonchasestudio.com (doctype is strict) In IE6 (but not FF2 or 3, not IE7, not not -- as far as I've tested -- Safari or Chrome), when I hover over the top-level menu item, it will expand to accommodate the (wider) widths of the drop down list. I don't want it to do this, and I would prefer not to wrap the drop-down items. Can you please advise how to make IE6 stop this? The page (the nav is at the bottom): http://www.alysonchasestudio.com/index.php -- I've specified both each li and its anchor widths inline, because each item is different The basic CSS: http://www.alysonchasestudio.com/css/achbase.css The IE6 css (mostly to note what I've tried so far): http://www.alysonchasestudio.com/css/ach_ie6.css I really appreciate your help! --Kir __ 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] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?
Bill, thanks for your reply! I'll experiment with the overflow and
see what happens. In the meantime, I also received this suggestion:
Paul O'B (http://www.sitepoint.com/forums/member.php?u=25195) over at
SitePoint forums recommended I change the positioning like this:
#navmenu li {position:relative}
#navmenu li:hover ul, #navmenu li.sfhover ul {
position: absolute;
top: 1.3em;
}
I've put that up on the site (with a bit of other spacing edits) in
css/ach_ie6.css and it's working well. Now for the next bugs...
-- Kir
On Thu, Mar 19, 2009 at 9:07 PM, Bill Brown wrote:
> Add to css/ach_ie6.css:
> #navmenu li{overflow-x:hidden;}
>
> Hope it helps.
> Bill
>
> --
>
>
__
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/
