Sat, 18 May 2013 06:13:17 -0400 http://cssbeauty.com/skillshare/ Lussumo Vanilla 1.1.9 http://cssbeauty.com/skillshare/discussion/2908/?Focus=15398#Comment_15398 http://cssbeauty.com/skillshare/discussion/2908/?Focus=15398#Comment_15398 Fri, 01 Aug 2008 16:30:22 -0400 jay0316
http://www.advancecleanup.com/test.php

Thanks!]]> http://cssbeauty.com/skillshare/discussion/2908/?Focus=15399#Comment_15399 http://cssbeauty.com/skillshare/discussion/2908/?Focus=15399#Comment_15399 Fri, 01 Aug 2008 16:43:14 -0400 davist11
Ok, so #wrapper has a width of 920px. But, you are trying to stick something that is too wide:

779px (#content, width: 700px + 75px padding + 4px border) + 200px (#navPanel) = 979px

I see you are using negative margins and so forth, but it's a lot simpler than that. Try this:

#content {
float: left;
margin: 15px 0 20px 0;
text-align: left;
width: 621px;
padding: 10px 15px 30px 60px;
background: #fff;
border: 2px solid #cccccc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#navPanel {
text-align: left;
padding-top:30px;
float: right;
width: 200px; /*Width of right column in pixels*/
}

Now, that will decrease the width of your content area, so you may have to play with that.]]> http://cssbeauty.com/skillshare/discussion/2908/?Focus=15413#Comment_15413 http://cssbeauty.com/skillshare/discussion/2908/?Focus=15413#Comment_15413 Tue, 05 Aug 2008 10:44:38 -0400 jay0316
Thanks for the tips and suggestions! That seems to have cleared up the problem. I forgot to include the padding in the width of the wrapper. I'm surprised firefox allowed that to slide.

So, when I'm looking at doing a 2 column layout, is floating one left and the other right the standard way of doing that these days? I'd like to have one way of doing it that will consistently work, but by the time I get around to needing to build another website the method changes again. I'm looking forward to the "column" property in css 3.

Thanks,
Jason]]> http://cssbeauty.com/skillshare/discussion/2908/?Focus=15414#Comment_15414 http://cssbeauty.com/skillshare/discussion/2908/?Focus=15414#Comment_15414 Tue, 05 Aug 2008 15:46:58 -0400 davist11 http://cssbeauty.com/skillshare/discussion/2908/?Focus=16900#Comment_16900 http://cssbeauty.com/skillshare/discussion/2908/?Focus=16900#Comment_16900 Wed, 11 Aug 2010 15:13:15 -0400 mikey_c_9
Home Page

In firefox / IE it all seems ok in my browsers.

In Safari 5.0 on a Mac it is showing a horizontal scrollbar. The "computed style" when I inspected the element of the shows width: 1846px; I don't use safari much apart from cross-browser compatability testing so not sure what "computed style" means. I assume it's the calculated style of what I am looking at in that specific browser with my computer hardware, just an assumption - please correct if I am wrong.

I have a feeling it is some CSS somewhere causing this to happen (margin / padding somewhere maybe?) but I can't find it.

Any help much appreciated - hopefully it's an easy one to fix.

Thanks in advance,
Mikey_c_9]]> http://cssbeauty.com/skillshare/discussion/2908/?Focus=16901#Comment_16901 http://cssbeauty.com/skillshare/discussion/2908/?Focus=16901#Comment_16901 Thu, 12 Aug 2010 12:33:56 -0400 mikey_c_9
Anyone got any ideas?]]>