Annoying CSS, Firefox prob

[edbarton]

OK, my site is at the url http://www.pointless-existence.com - notice how the sidebars are on IE (how I want it to be) and on Firefox (too far over to the right).

What have I done wrong here, basically I just want it to appear the same in both browsers, without me having to resort to using seperate stylesheets.

Any ideas about what to do?

[Fusion]

Oi barton Nooooo

[seonewbee]

A picture of it in IE would be nice since I don't have IE. Any way, I noticed that your text on the copyrith need to have "padding :0px, 20px,0px,0px". Besides that the page looks much better than I can do. Hopes that helps

[edbarton]

lol @ Fusion, I'll just get pictures of it in IE and FireFox and post em up now.

[edbarton]

Ok, here are images of it in Firefox and in IE. (the titles should be self-explanatory)

[Fusion]

padding or margins.

[edbarton]

Probably is, I'm just not sure what id they should be in :s

[Jazzee]

#menu ul li {
	color: #000000;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-top: 15px;
        margin-left: 10px;
	padding: 5px;
	}

I think it might be the margin-left: 10px; you have there.

[Jazzee]

Now I'm thinking that's not it.

I would take out extra paddings and margins one by one till you get it. Probably somewhere in the #menu stuff.

[edbarton]

Ok, I've removed all the paddings except 2, which need to be kept, and all margins except for the main - one, are removed, but I'm still getting the same problem.

[evilregis]

Try adding:

html>body #menu { width: 240px; }

to your stylesheet.

[edbarton]

That worked perfectly, you're a saint.

[evilregis]

Glad. Since I'm not sure how familiar you are with CSS, and that code is useless to you if you don't know what it means... and for anyone else who may happen across this thread, a quick explanation:

IE doesn't know what to do with html>body (which is compliant) so by adding that anything after is ignored by IE. If you just changed your original menu declaration, that change would affect both IE and Firefox. Firefox would be working but then IE would botch.

So html>body #menu will modify the original width attribute specified. Hiding it from IE but fixing it in browsers that know how to properly render CSS.

Any questions, shoot. I'm a bit under the weather today and having a hard time articulating. If it's fuzzy, I apologize.

[edbarton]

Yeah, I do understand what its doing. I'm reasonably familiar, but with 400 or so lines of CSS, everything just sort of ends up a blur, and I miss and forget things.

Thanks again.

[edbarton]

Well, now I've found another slight problem. In Firefox on the following page, the side menu content is continuing on down, and the footer bar, is half way along this.

How could I stop this?

[seonewbee]

Originally Posted by edbarton

Well, now I've found another slight problem. In Firefox on the following page, the side menu content is continuing on down, and the footer bar, is half way along this.

How could I stop this?

What is the following page?

[edbarton]

lol, that was good

http://www.pointless-existence.com/a...sign/#comments

[edbarton]

Ok, any solutions to this problem, where the footer bar (id-credit) appears, above the bottom of the page, and also how sometimes the content goes over it.

http://www.pointless-existence.com/a...10/the-design/

[seonewbee]

Change your code to

#credit {
clear: both;
margin: 0 auto;
padding: 0 0 0 0;
background-color: #333333;
border-top: 1px solid #000000;
width: 747px;
height: 58px;
text-align: left;
color: #666666;
font-size: 10px;
line-height: 18px;
position:relative;
}

Works in firefix 0.8 and konqueror 3.14, have not tried others. Have you checked in opera? I have nad pages work in opera and not in firefox. Very strange!

[edbarton]

The bar is still not aligning at the bottom, however the text no longer goes over it.

see http://www.pointless-existence.com/a...10/the-design/