Slight CSS oddity 1

[frozenpeas]

Hello,

I have a bit of a space before the footer on this page:

http://mdi.frozen-peas.com/

Can anyone see what I have done wrong? I've tried explicity setting the padding and margin to 0. I've tried snugging it up a bit with the top property.

Thanks, folks.

frozenpeas

 

[frozenpeas]

By the way, I have noticed that problem in Firefox. It looks fine in IE. (Windows)

Another Firefox issue I'm having is the "sidebar" div - it is not appearing on the right side as I'd like. I'm not sure why.

Thanks again.

frozenpeas

 

[trollacious]

Take a look at how the main page validates at w3c.org:

http://validator.w3.org/check?uri=http://mdi.frozen-peas.com/

Lee

 

[frozenpeas]

Thanks, Lee. I fixed those things up.

My posted issues are still there.

frozenpeas

 

[trollacious]

Did you notice the difference in position of your sidebar between IE and Firefox? In IE, it's to the right side of the large white block. In Firefox, it's along the left side, and the word sidebar is at the bottom of the page on the left. I didn't look at your CSS to see what you had for the sidebar. If you remove the sidebar div, does that clean up the page in FF?

Lee

 

[frozenpeas]

Yes, I noticed that in FF. I need the sidebar to appear on the right side, as it does in IE. That, and I need to get rid of the space above the footer.

frozenpeas

 

[frozenpeas]

bump?

frozenpeas

 

[BillyRayPreachersSon]

Add this to your CSS:

#footer p {
  margin:0px;
}

Hope this helps,
Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[BillyRayPreachersSon]

Sorry - that only removes the top margin. To remove both, use:

#footer h3, #footer p {
  margin: 0px;
}

Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[frozenpeas]

Interesting. Thanks, Dan. The footer spacing looks good now.

I am still stuck with the pesky sidebar going on the left in FF...

frozenpeas

 

[BillyRayPreachersSon]

Something like this might help:

#sidebar {
	background-color: #F2F2F3;
	width: 154px;
	float: left;
	padding: 5px 8px 5px 5px;
	clear: right;
}
#footer{
	clear: both;
	background-image: url(images/bg_container.gif);
	width: 679px;
	padding-left: 6px;
	text-align: center;
}

Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[frozenpeas]

Hmm. That keeps the sidebar in place, all right. But it wipes out the #main background colour in Firefox.

http://mdi.frozen-peas.com/

Just when I think I'm starting to get a hold on CSS layout, these kinds of things make my head swim.

frozenpeas