2013-05-23T12:13:32-04:00 http://cssbeauty.com/skillshare/ Lussumo Vanilla http://cssbeauty.com/skillshare/discussion/2908/?Focus=15398#Comment_15398 2008-08-01T16:30:22-04:00 2013-05-23T12:13:32-04:00 jay0316 http://cssbeauty.com/skillshare/account/2609/

The site I'm working on seems to appear ok in Firefox and IE, but I'm having problems in Safari 3.1.1 on pc and mac. The right "navPanel" div falls below the left content div. Could ...

http://www.advancecleanup.com/test.php

Thanks!]]> http://cssbeauty.com/skillshare/discussion/2908/?Focus=15399#Comment_15399 2008-08-01T16:43:14-04:00 2008-08-01T16:43:23-04:00 davist11 http://cssbeauty.com/skillshare/account/1938/

I think you're overthinking some things. 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 ...

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 2008-08-05T10:44:38-04:00 2013-05-23T12:13:32-04:00 jay0316 http://cssbeauty.com/skillshare/account/2609/

Hey davist, 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 ...

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 2008-08-05T15:46:58-04:00 2013-05-23T12:13:32-04:00 davist11 http://cssbeauty.com/skillshare/account/1938/

I think floating 1 left and 1 right is a pretty standard way of doing it. This also helps if you are going to have a margin in between, then you don't have to worry about setting a margin on any ...

http://cssbeauty.com/skillshare/discussion/2908/?Focus=16900#Comment_16900 2010-08-11T15:13:15-04:00 2010-08-11T15:14:00-04:00 mikey_c_9 http://cssbeauty.com/skillshare/account/4029/

Hi , I have been stumped on this problem for a few hours now and I really need external help!! Home Page In firefox / IE it all seems ok in my browsers. In Safari 5.0 on a Mac it is showing ...

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 2010-08-12T12:33:56-04:00 2013-05-23T12:13:32-04:00 mikey_c_9 http://cssbeauty.com/skillshare/account/4029/

It actually has a horizontal scroll-bar in IE too, although it doesn't scroll - just grayed out. Anyone got any ideas?

Anyone got any ideas?]]>