Main page footer problem
Main page footer problem
http://www.ufzine.com/index.php
For some reason my main page is messed up at the bottom. I know the footer code is correct, but I have no idea why its messed up. It should have the same space between the main and footer that the header and main have.
For some reason my main page is messed up at the bottom. I know the footer code is correct, but I have no idea why its messed up. It should have the same space between the main and footer that the header and main have.
If you have entered tables in the main field or any other fields check that the table structure(s) are correct - eg. tags nested correctly!
For a start there is the closing HTML tag in the middle of the page:
And then there seems to be only one closing </td> tag missing at the end of the table:
For a start there is the closing HTML tag in the middle of the page:
[/code]...
</table></td>
</tr>
</table>
<br>
</td>
</tr>
</html></td>
</tr>
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><img src="img/leer.gif" width="1" height="15" alt="" /></td>
</tr>
...
And then there seems to be only one closing </td> tag missing at the end of the table:
...
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><td bgcolor="#CDE7CA">
<p align="center"> <a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php"
onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20(AT)%20ufzine.com">Contact Us</a> |
©2005 United Front</td>
</tr>
...
As I said, look into the source code ans check the tables. They are propably seriously messed up. you have to make some effort there yourself in getting your code cleaned up. You have to try to understand your lable structure and what is from you and what is generated by phpwcms.
Eg. what are all these empy cells with these height values about? Examples:
There are also plenty of empty tables there. example:
Get rid of all the junk.
And can you see here that at least here is still something wrong with your TD tags!? Example:
Or even better, use CSS.
All the best!
Eg. what are all these empy cells with these height values about? Examples:
Code: Select all
<td valign="top" height="1746"> </td>
<td height="998" width="7"> </td>
Code: Select all
<td valign="top" width="4"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<!--LayoutTable-->
<tbody><tr>
<td height="964" width="4"> </td>
</tr>
</tbody></table></td>
And can you see here that at least here is still something wrong with your TD tags!? Example:
What you can do is making an effort in checking your whole table structure, maybe even strt again from scratch with building a clean table based layout. It's over to you now!<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><td bgcolor="#CDE7CA">
<p align="center"> <a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php"
onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20(AT)%20ufzine.com">Contact Us</a> |
©2005 United Front</td>
</tr>
Or even better, use CSS.
All the best!
No, I meant that in this row there were still two opening TD tags and only one closing TD tag. I see that this has been fixed. My highlighting was just to draw your attention to the bits I was on about.
But do you know how HLTM works? It just looks all a bit messy.
Example:
And, what is this supposed to be good for?
These are just examples...
The problem with your footer now is that it is in a cell which is part of the table that makes up the right hand column.
The problem is that your code does not work as you want it. And the problem is with your tables. Do you hand code, or do you generate the code with some WYSIWYG programme?
You really have to go through your code yourself and understand the table structure(s) and make it work. But you need to know how HTML works in the first place. However, that can be a bit of a painful task, as it can be difficult to keep an overview. Therefore it may be even better to start fresh from scratch.
I hope this makes sence...
But do you know how HLTM works? It just looks all a bit messy.
Example:
The P tag and FONT tag are not nested correctly! It has to be:<font color="#3C7D3D">
<p><b>Film Reviews</b></font>
<br><br>
</p>
You really have to start getting your code right.<p><font color="#3C7D3D"><b>Film Reviews</b></font>
<br><br>
</p>
And, what is this supposed to be good for?
An empty cell 964 Pixels high!?<td height="964" width="4"> </td>
These are just examples...
The problem with your footer now is that it is in a cell which is part of the table that makes up the right hand column.
Can you see that all this is one table? Your footer is in it and spans exactly that area.<table border="0" cellpadding="0" cellspacing="0" width="338" height="745">
<!--LayoutTable-->
<tr>
<td class="news" valign="top" width="338" height="745">•
<a href="http://www.ufzine.com/index.php?id=30,76,0,0,1,0">
<img border="0" src="img/films/huckabees.jpg" width="100" height="158" align="right"></a><strong><font color="#000000"><a href="http://www.ufzine.com/index.php?id=30,76,0,0,1,0">I
Heart Huckabees</a></font></strong><br>
<i>I Heart Huckabees </i>revolves around Albert
Markovski (Jason Schwartzman), a frustrated
environmentalist. He isn't sure if what he is doing
matters, and he can't quite figure out why he keeps
running into a strange doorman at the most random
locations. Markovski decides to hire a pair of
existential detectives (Dustin Hoffman & Lily Tomlin) to
determine if these meetings are a coincedence or
something meaningful. <br>
<br>
•<a href="http://www.ufzine.com/index.php?id=30,74,0,0,1,0"><img border="0" src="img/films/sideways.jpg" width="100" height="154" align="right"></a><strong><font color="#000000">
<a href="http://www.ufzine.com/index.php?id=30,7 ... ">Sideways
</a>
</font>
</strong><em><br>
</em>Director Alexander Payne achieved mainstream
recognition with 2002's <em>About Schmidt</em>. If there
is any justice, the same result will occur with his
latest project, <em>Sideways</em>. Paul Giamatti, fresh
off the success of last year's <em>American Splendor</em>,
delivers an even more brilliant performance as Miles, a
divorced writer with a huge admiration for wine. His
best friend Jack, played by Thomas Hayden Church, is
getting married. Miles decides to take him on a one week
trip through California wine country. <br>
<br>
•<img border="0" src="img/films/wedontlive.jpg" width="100" height="150" align="right">
<strong>
<font color="#000000"><a href="http://www.ufzine.com/index.php?id=30,75,0,0,1,0">We Don't Live Here Anymore</a></font></strong><br>
Don't see this movie if you are married or in a serious
relationship currently. Oh, and definitely don't see it
with your significant other. For some reason, I chose to
see this on my birthday. It wasn't exactly an uplifting
selection, but I wanted to see if the stellar cast's
performances were up to snuff. Fortunately, the key
players are all in or near top form.<BR>
<BR></td>
</tr>
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><img src="img/leer.gif" width="1" height="15" alt="" /></td>
</tr>
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php" onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20%28AT%29%20ufzine.com">Contact Us</a> |
©2005 United Front</td>
</tr>
</table>
The problem is that your code does not work as you want it. And the problem is with your tables. Do you hand code, or do you generate the code with some WYSIWYG programme?
You really have to go through your code yourself and understand the table structure(s) and make it work. But you need to know how HTML works in the first place. However, that can be a bit of a painful task, as it can be difficult to keep an overview. Therefore it may be even better to start fresh from scratch.
I hope this makes sence...
Thanks for all your continued help! The last thing I don't understand is why the footer is in the film reviews table. I know that has to do with how the code is set up, but at the same time, I have that index page updated through an index template. I have the footer code in the footer field by itself, so I don't understand why it keeps putting the footer in the film reviews box instead.