Page 1 of 1

HTML - Firefox compatibility problems

Posted: Thu Aug 17, 2006 9:35 pm
by Yonderknight
Hi everyone, I don't post here much but i have a pretty big problem.

I recently finished a website for a friend. The front-page is somewhat blog/forum styled, and I'm using a tabular layout. The titlebar has a background that has a height of 29px, and I set the height of that cell and every other cell in that row to height="29".

The problem is that it works just like it should in Internet Explorer, but in firefox, it seems to ignore the height specifications and the background ends up tiling 3 times.

You can find the site here:
http://www.c-41productions.com/

Also you can find screenshots of Internet Explorer and Firefox versions here:
http://www.c-41productions.com/Henry/Layout/Firefox.jpg
http://www.c-41productions.com/Henry/Layout/IE.jpg

Any help will be greatly appreciated!

Posted: Fri Aug 18, 2006 12:43 am
by matthijs
I got a bit nauseous looking at that code, but here's the solution anyway:

Code: Select all

.TEXTbloghead{
	font-family:Arial;
	color:white;
	font-size:25px;
        margin:0;
}
The <p class="TEXTbloghead"> was pushing things up and down. You might also declare the line-height.

Posted: Fri Aug 18, 2006 12:57 am
by Yonderknight
Ooh! Should've thought of that before. Sorry about the code :oops:. I like it organized that way (easier for me).

Thanks a ton!

Posted: Fri Aug 18, 2006 1:15 am
by matthijs
Glad to be of help. Was not talking about the organization of the code by the way.. just all the tables and code bloat etc. But no worries.. :wink:

Posted: Fri Aug 18, 2006 1:17 am
by Yonderknight
Code bloat? Can you provide some examples and some advice to clean up? I'd really appreciate it, but you don't have to.
Thanks again =).

Posted: Fri Aug 18, 2006 1:26 am
by matthijs
Of course I can. Go to your editor, [CTRL]+[H] (that's replace in mine), "table" -> ""

:)

Just joking. The bloat is all the tables and inline styling. Have a meeting now so don't have the time to help you at this moment. Maybe later.

Posted: Fri Aug 18, 2006 2:15 am
by RobertGonzalez
Kill the inline styles. That makes it easier to update and less bloaty.