2 Replies - 997 Views - Last Post: 08 May 2010 - 11:17 AM

#1 Guest_Andrew*


Reputation:

Random Padding Around Table in firefox!

Posted 07 May 2010 - 11:35 PM

Hey guys,

I am not having this problem in Chrome, but when I view this page in Firefox, there is a space between the table of buttons on the top navigation, and the cell that it is contained in. My cellpadding is set to 0 everywhere. The url is http://www.jdrepair.com/soneen/all.php.

<table border="0" cellpadding="0" cellspacing="0">
<tr height="40">

	<td width="1020" colspan="2" class="trHeader">
	<img src="images/logoSmall.png">
	</td>

</tr>

<tr>
	<td height="25" class="tpnav"><center>
<table border="0" cellpadding="0" cellspacing="0" width="300" height="25">

<tr>

	<td width="100" class="tpnav" onmouseover="style.color='#000033'; style.backgroundImage = 'url(images/gradientflip.png)';"
onmouseout="style.color='#000033'; style.backgroundImage = 'url(images/gradient.png)'"
onclick="style.color='#000033'; style.background=url('images/gradientflip.png')">
	Friends
	</td>
	<td width="100" class="tpnav" onmouseover="style.color='#000033'; style.backgroundImage = 'url(images/gradientflip.png)';"
onmouseout="style.color='#000033'; style.backgroundImage = 'url(images/gradient.png)'"
onclick="style.color='#000033'; style.background=url('images/gradientflip.png')">
	Board
	</td>
	<td width="100" class="tpnav" onmouseover="style.color='#000033'; style.backgroundImage = 'url(images/gradientflip.png)';"
onmouseout="style.color='#000033'; style.backgroundImage = 'url(images/gradient.png)'"
onclick="style.color='#000033'; style.background=url('images/gradientflip.png')">
	Favorites
	</td>

</tr>
</table>
	</td>
	<td class="profileBorder">
	<form>
	<div align="right"><input type="text" name="search" /></div>
	</td>
</tr>

<tr>
<td height="25">

</td>



And my CSS:

.trHeader
{
border: 1px grey solid;
background-image: url('images/gradient.png');
}

.tpnav
{
text-align: center;
color: #000033;
background-image: url('images/gradient.png');
background-color: #EEEEEE;
font-weight: bold;
font-size: 12px;
}


Is This A Good Question/Topic? 0

Replies To: Random Padding Around Table in firefox!

#2 Guest_Andrew*


Reputation:

Re: Random Padding Around Table in firefox!

Posted 08 May 2010 - 11:15 AM

Ok, after more tinkering I realize the problem isnt padding. I took the table out and its just that the <td> cell height won't adjust smaller than a certain amount! Why won't it let my <td> get smaller?
Was This Post Helpful? 0

#3 Guest_Andrew*


Reputation:

Re: Random Padding Around Table in firefox!

Posted 08 May 2010 - 11:17 AM

FIXED: The search bar on the adjacent cell in the same row was somehow causing the cell to not be reduced past a certain point on firefox.
Was This Post Helpful? 0

Page 1 of 1