Problem w/ webpage in Firefox
PostPosted: Mon Apr 21, 2008 12:36 pm
I'm working on my chruch's webpage, trying to have it display properly in both IE7 and FF, but it's acting weird in FF. Normally, I'd just try to fix the problem, but this is weirder than most I've encountered.
I've got 3 columns, the headings of which are all composed of 4 td's. One on top serving as a top border, one on either side serving as a border there, and one w/ the actual content. For some reason, the left hand td of the 3rd column is 2px instead of 1px in width. It can't be the coding of the column heading itself, because when I first noticed the problem I copied and pasted the first column's HTML and just changed the content back, but it still displays weird.
Is there something I'm forgetting to check for that would cause this?
EDIT: I went and got the shell of the HTML/CSS I'm using. The red part is the part that's displayed wrong, and if you look, you'll see it's the same as the other two column headings. If anyone thinks that it might be the content that's messing it up ((I've got some Javascript and other stuff I removed that I considered irrelevant to the problem)), let me know and I'll try to get the code w/ as much of the content as I can.
I've got 3 columns, the headings of which are all composed of 4 td's. One on top serving as a top border, one on either side serving as a border there, and one w/ the actual content. For some reason, the left hand td of the 3rd column is 2px instead of 1px in width. It can't be the coding of the column heading itself, because when I first noticed the problem I copied and pasted the first column's HTML and just changed the content back, but it still displays weird.
Is there something I'm forgetting to check for that would cause this?
EDIT: I went and got the shell of the HTML/CSS I'm using. The red part is the part that's displayed wrong, and if you look, you'll see it's the same as the other two column headings. If anyone thinks that it might be the content that's messing it up ((I've got some Javascript and other stuff I removed that I considered irrelevant to the problem)), let me know and I'll try to get the code w/ as much of the content as I can.
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Untitled Page</title>
<style type="text/css">
.maincolumn {
padding-top: 5px;
}
#linkboxes {
background-color: transparent;
border: 1px solid black;
border-collapse: collapse;
}
#linkboxes a {
color: #000000
}
#linkboxes a:visited {
color: #000000
}
#linkboxes td {
border: 1px solid black;
}
#beforeyouattendbox {
background-color: CCCC99;
width: 225px;
height:41px;
margin: 0px;
cursor: pointer;
text-decoration: none;
}
#pastorsblogbox {
background-color: CCCC99;
width: 225px;
height: 41px;
margin: 0px;
cursor: pointer;
text-decoration: none;
}
body{
font-family:Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif;
}
.halfmoon {margin-bottom: 4px }
.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.halfmoon li{
display: inline;
margin: 0;
}
.halfmoon li a{
color: #6a6a5b;
font: bold 14px Verdana;
text-decoration: none;
}
.halfmoon li.news a{
background: url(http://207.200.19.180/images/10000/3000/914BE/user/newstabbg.png) no-repeat right top;
padding: 2px 4px 2px 4px;
}
.halfmoon li.articles a{
background: url(http://207.200.19.180/images/10000/3000/914BE/user/articlestabbg.png) no-repeat right top;
padding: 2px 4px 2px 4px;
}
.halfmoon li a:hover {
font-style: oblique;
background-color: #996;
}
.halfmoon li a.current {
color: black;
}
#tabcontentcontainer{
width:95%; /*width of 2nd level content*/
height:60em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}
.tabcontent{
display:none;
}
.handcursor{
cursor:hand;
cursor:pointer;
}
</style>
</head>
<body link="blue" vlink="purple" alink="red" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="759px" height="1135" border="0" cellspacing="4" cellpadding="2" align="left">
<tr>
<td align="center" valign="top" width="33%">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td bgcolor="#444444" colspan="3"><img width="250" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td align="center" bgcolor="#cccc99">
<table height="4" cellspacing="0" border="0"><tbody><tr><td height="30" class="home_box_head"><font size="2"><b>Future Events</b></font></td></tr></tbody></table>
</td>
<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td align="center" bgcolor="#772c21"><img width="198" height="2" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td class="maincolumn" valign="top" bgcolor="#ece9d8" height="1135">
<div align="center">
</div>
</td>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2" colspan="3"><img width="200" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" width="34%">
<table height="37" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td bgcolor="#444444" colspan="3"><img width="250" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td align="center" bgcolor="#cccc99">
<table height="4" cellspacing="0" border="0"><tbody><tr><td height="30" class="home_box_head"><font size="2"><b>Welcome</b></font></td></tr></tbody></table>
</td>
<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td align="center" bgcolor="#772c21"><img width="198" height="2" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td class="maincolumn" valign="top" bgcolor="#ece9d8" height="1135">
<div align="center">
</div>
<div align="center">
</div>
</td>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2" colspan="3"><img width="200" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" width="33%">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td bgcolor="#444444" colspan="3"><img width="250" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
[color="Red"]<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>[/color]
<td align="center" bgcolor="#cccc99">
<table height="4" cellspacing="0" border="0"><tbody><tr><td height="30" class="home_box_head"><font size="2"><b>Stay Connected</b></font></td></tr></tbody></table>
</td>
<td bgcolor="#444444"><img width="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td align="center" bgcolor="#772c21"><img width="198" height="2" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td bgcolor="white"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
<td class="maincolumn" valign="top" bgcolor="#ece9d8" height="1135">
</td>
<td bgcolor="#d7d2c2"><img width="1" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
<tr>
<td bgcolor="#d7d2c2" colspan="3"><img width="200" height="1" border="0" src="http://207.200.19.180/images/10000/3000/914BE/user/blank.png"/></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
Do you have a screenshot of whatever the problem is?