Firefox display issues...

Joey · 07-14-2006, 07:32 PM

I'm having some issues with Firefox. I've got a small header on my corporate forums, and it shows up perfectly in Internet Explorer, but renders incorrectly in Firefox.

Could you please take look?

http://community.zamblo.com

Firefox view:

[img=http://img84.imageshack.us/img84/9849/firefoxgz3.th.jpg]

Internet Explorer view:

[img=http://img115.imageshack.us/img115/1331/internetexplorermq1.th.jpg]

Code involved:

Code:

<div id="corplogostrip"><table width="100%"><tr><td width="50%" style="text-align: left"><a href='http://www.zamblo.com'><!--ipb.corp.start--><img src='style_images/1/corplogo.gif' style='vertical-align:top' alt='Return to the home page.' border='0' /><!--corp.logo.end--></a></td><td width="50%" align="right">
<a href='http://www.zamblo.com'>
<img src='style_images/1/corporate header/home.gif' alt='Home' border='0' /></a>
<a href='http://www.zamblo.com/news/'>

<img src='style_images/1/corporate header/news.gif' alt='News' border='0' /></a>
<a href='http://www.zamblo.com/kb/'>
<img src='style_images/1/corporate header/knowledgebase.gif' alt='Knowledgebase' border='0' /></a>
<a href='https://client.zamblo.com'>
<img src='style_images/1/corporate header/clients.gif' alt='Clients' border='0' /></a>
</td></tr></table></div>

Code:

#logostrip{ 
	background: #3860BB url(style_images/1/tile_back.gif);
	border: 1px solid #FFF;
	height: 68px;
	margin: 0;
	padding: 0;
}

#corplogostrip{ 
	background: #4F4F4F url(style_images/1/corpbg.gif);
	border: 0px solid;
	height: 50px;
	margin: 0;
	padding: 0;
}

CreedFeed · 07-15-2006, 12:04 AM

Try adding cellpadding="0" and cellspacing="0" to your main table

Code:

<div id="corplogostrip"><table width="100%" cellpadding="0" cellspacing="0">

Your image is being pushed down... it's not at the top of the table. Some padding is being introduced somewhere.

07-15-2006, 12:04 AM	#2 (permalink)
CreedFeed NamePros Member Join Date: Apr 2006 Posts: 186	Try adding cellpadding="0" and cellspacing="0" to your main table Code: <div id="corplogostrip"><table width="100%" cellpadding="0" cellspacing="0"> Your image is being pushed down... it's not at the top of the table. Some padding is being introduced somewhere. __________________ QuakeOne.com - Quake 1 Resurrection ------------------ CreedFeed - Feed Your Need For Creed

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)