[css-d] Some positioning dilemmas

2007-09-15 Thread Robert Reed
I've been developing a web site template, and I'm almost done with the
recently requested changes except I'm having two issues.

1.) I tried to use the fixed width left column, fluid right column system as
described at A List Apart, with negative margins.  After I found out that
the negative margins weren't doing anything, I removed them.  The idea was
to go with a fixed 220px column on the left, and a fluid right column.  The
problem is using margin-left on a container with 100% width seems to
immediately tell Firefox that we're going to ignore that declaration.
Consequently, the right container which has 100% width but a margin-left
request of 230px, doesn't adhere to the margin.  It sits pushed below the
left column in its own little space, and needs to come up.

2.) The menu needs to come up to hang out on the same line with the
background.  I've used clearing divs and it doesn't seem to do the trick.

The site is http://zwisp.owningthedot.net
The CSS file: http://zwisp.owningthedot.net/style.css

Thanks in advance.
__
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/


Re: [css-d] Some positioning dilemmas

2007-09-15 Thread Gunlaug Sørtun
Robert Reed wrote:
 1.) I tried to use the fixed width left column, fluid right column
 system as described at A List Apart, with negative margins.  After I
 found out that the negative margins weren't doing anything, I removed
 them.  The idea was to go with a fixed 220px column on the left, and
 a fluid right column.  The problem is using margin-left on a
 container with 100% width seems to immediately tell Firefox that
 we're going to ignore that declaration.

If this is the solution you tried...
http://www.alistapart.com/articles/negativemargins
...than it's beyond me how you could make that fail, in any browser.

 Consequently, the right container which has 100% width but a
 margin-left request of 230px, doesn't adhere to the margin.  It sits
 pushed below the left column in its own little space, and needs to
 come up.

I can't check what you have removed, but a properly applied 'negative 
margins on floats' solution, as described in that ALA article, will 
solve the problem you have now by isolating the columns from each other.

 2.) The menu needs to come up to hang out on the same line with the 
 background.  I've used clearing divs and it doesn't seem to do the
 trick.

First: delete the nbsp; you have at the start of div id=menu in the 
source code, and then add...

DIV#menu {float: left;}
UL#nav {background: transparent;}

The DIV#menu style makes all browsers expand to contain the UL#nav, and 
the UL#nav style prevents IE's cover-up operation.

 http://zwisp.owningthedot.net

regards
Georg
-- 
http://www.gunlaug.no
__
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/