On 4/25/11 2:23 PM, Sol Sinclair wrote:
Hi all;
I am having trouble with a float drop in IE 5.5 and 6 -- don't know
about IE7, as I don't have that. Right now, I want to get it looking
right in 5.5 and 6 (IE). The page is at:
http://www.robertsmart.ca/ZZnew/index.html
I don't know why the #content is not floating up beside the #menu.
There is more than enough room for it to sit there. It is inside
#wrapper which contains both #menu and #content (both floated left.
Perhaps you changed something, but presently you don't have float
declared on #menu - only on the UL inside it!
Modern browsers pretty much ignore div#menu, so you have the floated UL
followed by the floated div#content.
Old IE on the other hand applies "layout"[1] on account of the width on
div#menu. This makes it contain the floated UL, so effectively you have
a static div#menu followed by a floated div#content. So you don't have a
float drop; you have the expected behavior of a static element followed
by a float. (Floats do not "float upward" - they "float forward" letting
*following* static content rise.)
Try this:
div#menu {
/* display: block; <- not needed */
float: left;
...
}
div#content {
display: inline-block;
/* float: left; <- delete */
width: 45em; /* to match width of div#moveshift */
}
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
HTH
--
Cordially,
David
______________________________________________________________________
css-discuss [[email protected]]
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/
