> Georg wrote:
> ...and the menu div is floated left and positioned with margins. That
> way it'll always create its own space.

Thanks very much, Georg.  I really appreciate you taking a look at my  
problem (and have learned something to improve my code by looking  
closely at yours), but the solution you gave me isn't quite the  
effect I'm hoping to achieve.

For this design:
http://www.polarissc.com/csstest/dummy.html

...I'd like to specifically position the "menu" DIV so it were:
        (a) 6px right of the left edge of the DIV it's nested inside (called  
"content"), and
        (b) 75px below the top edge of the *viewport*.

So, if the user scrolls down the page, the "menu" DIV stays fixed on  
the screen - it doesn't scroll vertically with the rest of the  
content.  But, if the DIV "Content" moves horizontally (i.e. if the  
user resizes the browser window) the "menu" DIV will move with it.

Does anybody know if this is possible somehow?

Here's the excerpted code in question...

.wrapper {width: 955px ; margin-left: auto; margin-right: auto; text- 
align:center ;
}

<div class="wrapper">
        <div id="content" style="margin-left: auto; margin-right: auto ;  
text-align: left; background-color:#FFFFFF; border: 1px #999999  
solid; z-index:2;       position: relative ; width: 850px ; min-width:  
850px; top: 64px; border-bottom: 0px">
                <div id="menu" style="position: [???????] ; "><img src="images/ 
polaris-logo-white.png" alt="Polaris logo" width="150"
                height="69" /></div>
        </div>
</div>

Best regards,
Chris.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to