2 Pixels Off!

[Josh]

I'm so close to getting a layout that works perfect in IE and Firefox! My only problem is Firefox isn't displaying things right and IE is.

[img]http://www.killanet.net/uploads/css-prob_josh.PNG[/img]

There's my problem.. and here's my code I use for it.

Code: Select all

.LEFT_CONTENT .menu_head {
	padding-left: 10px;
	width: 150px;
	margin-left: 10px;
}
.LEFT_CONTENT .menu {
	border-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 150px;
	margin-left: 10px;
}

Note: I took all the color crap out cause that's just annoying when trying to debug code /blum.gif' class='bbc_emoticon' alt=':P' /> lol..

Does anyone know why the .menu_class is two pixels shorter than .menu?

Thanks in advanced!
~Josh /sp_ike.gif' class='bbc_emoticon' alt='(spike)' />

[us3rX]

unno, have you tired adding two pixels?

us3rX /ph34r.gif' class='bbc_emoticon' alt=':ph34r:' />

[Josh]

If I do that then it's 2 pixels over in the display of IE /bigwink.gif' class='bbc_emoticon' alt=';)' />

[us3rX]

well, slap a "Site Best Viewed in FF" and call it a day /biggrin.gif' class='bbc_emoticon' alt=':D' />

us3rX /ph34r.gif' class='bbc_emoticon' alt=':ph34r:' />

[err0r]

could be a border issue. alot of times you need to set all the borders to 0px if you set one table to 0 and do not set the other it can cause issues such as that.. I would need to see a little more about how you have it set up to give a better answer

[err0r]

Yes josh it was a border issue.. You set the border for the lower table but not the header table.. border goes on the outside so it's wider with a border than without.. set a border on the top table the same px as the lower and just make it the same color as the bg of the header table.. i put it up i'll send you the link on im if you are on

[Josh]

Ah... that makes me mad.. Such a simple little thing. I'll remember that from now on. Thanks err0r /smile.gif' class='bbc_emoticon' alt=':)' />

~Josh /sp_ike.gif' class='bbc_emoticon' alt='(spike)' />