richard n wrote: > I switched the layout of the nav elements from float:left to > display:inline. I then added nowrap, and some absolute positioning. > The title was floated:right with a big 28em left margin. > > This works well in my 4 mac browsers (Safari, Opera, Firefox, IE > 5.2.3).
> http://www.richardnicholson.com/testing/menu_with_frames8/editorial.html > "Works well" is a relative term, but it works the same in windows browsers as in their Mac-OS equivalents. Something _will_ eventually get lost on narrow windows, and more will get lost when font resizing is applied. This is unavoidable when 'position: fixed' is used, so you'll just have to decide when it's working well enough for comfort on a wide enough range. > I'd like to get some feedback on whether it works in IE5 or 6 or 7 > PC. I'm interested in what happens when the browser window is made > really narrow. On really narrow windows (below 600 or something) the "endless scroll" bug will take affect in IE6 - sideways. Will always happen when "pseudo-fixed" elements are too wide for the window, and is not easily preventable. IE6 has a couple of more serious problems... 1: the nav doesn't always show up. 2: the nav gets cut off on the right side. IE6 needs these additions in the separate stylesheet in order to behave "well enough" (IMO). #topbar #nav {position: relative; height: 1%; } ...to assure the nav stay visible and doesn't get cut off. This does in fact make nav display as a block-element with 'hasLayout', but there aren't all that many ways to get around those IE-bugs. #topbar h1 {margin-bottom: -100px;} ...to prevent nav from dropping below h1 on narrow windows. The drop is caused by the added styles above, but again: those IE-bugs are "hard to kill". The result: IE6 still handles that layout better than other browsers, IMO. Pretty far from standard behavior though :-) regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
