Bob Schwartz wrote:
http://www.fotografics.it/test/
The orange div on the left is where a menu will go (without the orange background) and has position:fixed. In IE7 it shifts to the right invading the content div instead of resting just outside the light yellow content area. (Use any other browser to see it correctly).
'Position: fixed' is positioning elements relative to _view-port_ - not to any other element, so I'm not sure if IE/Mac is doing much worse than other browsers. You have not given the 'fixed' element any positions, so browsers drop it "where they think it should be" - which just happens to also be where you like it to be in most browsers. - What IE/Mac _does_ wrong is to hide the 'fixed' element when it ends up outside the edges of #wrapper. This is probably what happens if IE/Mac does the logical thing and resolves "no positions" to mean 'top:0; left:0;'. Can't see where it is as long as it's 'fixed' from within the #wrapper. - Most browsers seem to resolve "no positions" to mean 'drop it right here'. No problem. - IE/win usually resolves "no positions" to mean 'vertically: drop it right here; horizontally: center it'. That's somewhere on top of the content area in your case. In short: no "standard" for 'position: fixed' with "no positions". Again: 'position: fixed' is for positioning relative to the browser-window, over which you have no real control. See... <http://www.w3.org/TR/CSS21/visuren.html#fixed-positioning> ...for more on the subject. If you want an element to adjust horizontally to the #wrapper while staying 'fixed' vertically - reliable - in all browsers, then you'll probably need some element-nesting and width-control. It can be done, but not easily. Example... <http://www.gunlaug.no/main-en.html> ...but I'm not sure if it is worth the hassle. There are a few alternative solutions based on 'position: absolute' and overflow-control around. Also some that use Javascript. regards Georg -- http://www.gunlaug.no ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
