Tim Spangler wrote:
> Find the solution here:
> html:
> http://biocycle.atmos.colostate.edu/newtemplate/TestSite/ie/ieSampleProblemrev3.htm
> css:
> http://biocycle.atmos.colostate.edu/newtemplate/TestSite/SS/ieproblemrev3.css
>
> Now I just need resolve the two other issues on the site:
These are not trivial.
> 1) Centering the menu (this SEEMS like it should be easy)
You cannot center a "line" of floats.
> 2) Defining the hover menu's width to match the width of its containing
> <li>. Since I intend for this menu to be dynamically generated, I would
> prefer not to set a fixed width for each <li>.
>
I don't know. The problem is IE/Win < 7 and IE/Mac
<div style="background: green; float: left; position: relative;">
green
<div style="background: red; position:absolute; width:100%; top:2em;
left:0;">
redapbox
</div>
</div>
While standards mode IE6 correctly shrink-wraps the green float with a
width of 'auto', it fails utterly to assign the width of 100% to the red
a.p. box, and takes the full available width. (This seems to work better
in quirks mode).
And IE/Mac does not shrink-wrap a widthless float and inflates both
boxes up to 100% available width.
> Can anyone assist with these last two issues? (I can post these as a
> seperate topic if it seems prudent.)
I hope others have more ideas.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
