Sent by Andrew Gaffney on 13 April 2008 05:05
Philippe Wittenbergh wrote:
> On Apr 13, 2008, at 10:35 AM, Andrew Gaffney wrote:
>> I'm working on some fixups for a site originally done by somebody
>> else. In IE,
>> the submenus were appearing off to the right, so I wrapped them in
>> another DIV
>> with position: relative and set 'left: 0; top: 40px' (40 being the
>> height of the
>> image that the submenu appears from) on the submenu. This works
>> great in IE.
>>
>> However, it's now acting weird in both FF2 and FF3. The submenu is
>> offset
>> vertically ~30px from the bottom of the image, and I can't figure
>> out what's
>> going on here. Thanks for any help.
>>
>> URL: http://www.ctstlouis.com/index.php
>> Stylesheet: http://www.ctstlouis.com/ctstlouis.css
>
> And in Safari, and in Opera, you get the same as with Gecko.
Actually, I was seeing the IE7 behavior in Opera 9.50 beta in linux.
> Why do you set the div.menucontainer to display:inline ? Setting it to
> display:block would solve your positioning problem in those browsers.
I can't seem to remember why I put that in. I recall it being an attempt to fix
some other quirk I was seeing, but I don't remember what. Removing the
display:inline does indeed fix it. Thanks.
> The image doesn't affect the height of a (parent) inline element as
> you seem to expect.
I guess not :)
--
Andrew Gaffney
agaffney.org
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/