[css-d] Problem with column not floating
Hi all, I'm new to CSS, and this is my first post to the list, so apologies in advance if I miss any of the rules... I've created a 3-column layout (with header and footer) based on Ryan Brill's article in ALA on negative margins. The layout works fine in FF, but not in IE. Some of the pages (when viewed in IE) have the right column (#sidebar) not floating within the container element (#wrapper). It's forcing the #sidebar element below the container, as if there's a .clear being invoked. You can see this bad behavior at http://bluelangroup.com/postureworks/Customers.php, and a good page at http://bluelangroup.com/postureworks/Index.php. The CSS at http://bluelangroup.com/postureworks/pwstyle_v3.css. I'd appreciate any help with getting this to work - thanks! Erik __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with column not floating
Erik Domingo wrote:
I've created a 3-column layout (with header and footer) based on Ryan
Brill's article in ALA on negative margins. The layout works fine in
FF, but not in IE. Some of the pages (when viewed in IE) have the
right column (#sidebar) not floating within the container element
(#wrapper). It's forcing the #sidebar element below the container, as
if there's a .clear being invoked.
http://bluelangroup.com/postureworks/Customers.php
IE need more breathing-space and a fix for the 'margin-doubling' bug.
Try:
#sidebar {display: inline;margin-left: -2px;}
...even a larger negative margin-left may be needed in some cases.
Otherwise a well-working layout you've got there.
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with column not floating
Erik Domingo wrote:
Some of the pages (when viewed in IE) have the right column
(#sidebar) not floating within the container element (#wrapper). It's
forcing the #sidebar element below the container, as if there's a .clear
being invoked.
You can see this bad behavior at
http://bluelangroup.com/postureworks/Customers.php, and a good page at
http://bluelangroup.com/postureworks/Index.php.
Erik,
Zero out the margin and padding on #sidebar. Add margin and padding as
appropriate to the elements contained within the side bar instead.
Zero out the padding and margins (except the horizontal negative and
positive margin widths for the columns,i.e., #container {margint: 0
-200px 0 0;} ) on all the id's.
You *may* not need any width hacks to work cross-browser.
Regards,
~dL
--
David Laakso
http://www.dlaakso.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with column not floating
Erik, I like the layout but I think you may need more contrast on this website, especially if some of your users will be elderly. Erik Domingo wrote: Some of the pages (when viewed in IE) have the right column (#sidebar) not floating within the container element (#wrapper). It's forcing the #sidebar element below the container, as if there's a .clear being invoked. You can see this bad behavior at http://bluelangroup.com/postureworks/Customers.php, and a good page at http://bluelangroup.com/postureworks/Index.php. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
