CSS-d, As mentioned in another thread, the web layout I'm discussing in this email has many problems. But, again, I'll do one problem per thread.
So other issues aside, I'm having trouble making this one DIV position itself correctly within the web page. And, again, my absence of about a year from CSS has made me rusty, so please forgive me where I've missed the obvious. The design I'm aiming at making should look something like this preliminary design: http://formever.org/site/default_style/target_design.png I'm testing on FireFox version 2.0 on Linux. Here's what it looks like to me: http://formever.org/site/default_style/myview.png Here is where the CSS is in action: http://formever.org/css_test So, the trouble is this one DIV called "#mainNavigation". If you look at the page, you'll see that it's over on the far left side, halfway off the page, and overlapping with one of the other menus. I've specified the positioning of the #mainNavigation DIV to be "absolute". I thought that meant it would break out of the DIV it was nested in and be positioned in absolute terms within the page. But it seems to be positioned relative to its container DIV, called "#menus". Why is it not floating over on the right hand of the screen? Thank you for any advice. CSS code: #mainNavigation { position : absolute; float : right; clear : both; right: 100px; top : 120px; } #mainNavigation li{ display: inline; } -- Dave M G Ubuntu 6.10 Edgy Eft Kernel 2.6.20-5-generic Pentium D Dual Core Processor PHP 5, MySQL 5, Apache 2 ______________________________________________________________________ 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/
