Re: [css-d] Some positioning dilemmas

[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...

...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   you have at the start of  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/

[css-d] Some positioning dilemmas

[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/