[css-d] width:100%; not rendering 100%

2009-07-17 Thread bill walton 
Hi,

I've got a page with two divs, one over the other, both set to 100%
width.  The one on the top is positioned absolute at 0,0.  The one under
it is a nav bar using the sliding window tabs and it's positioned
float:left.  The one on the top is rendering to 100% width while the one
under it is not; leaving margins on both the left and right.

I got it to render close to correct by setting the left-margin to -7px
and the width to 101.5% but as I increase the window width the bottom
scroll bar appears due, I guess, to the percentage getting 'out of
whack'.  At any rate, I'm pretty sure that's not the best way to fix it
anyway.

Could someone please tell me why it's happening and the right way to fix
this? 

The page is at http://ec2-75-101-179-238.compute-1.amazonaws.com

Thanks in advance!
Bill

__
css-discuss [cs...@lists.css-discuss.org]
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] width:100%; not rendering 100%

2009-07-17 Thread Erik Vorhes 
On Fri, Jul 17, 2009 at 1:32 PM, bill waltonbwalton...@gmail.com wrote:

 I've got a page with two divs, one over the other, both set to 100%
 width.  The one on the top is positioned absolute at 0,0.  The one under
 it is a nav bar using the sliding window tabs and it's positioned
 float:left.  The one on the top is rendering to 100% width while the one
 under it is not; leaving margins on both the left and right.



You need to add this to your CSS:

body { margin: 0; padding: 0; }

Then width: 100% should render the same on both divs.

Erik
__
css-discuss [cs...@lists.css-discuss.org]
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/