Layout Problem

kiri

hi, i am having a strange problem with the layout 🙁

the problem is when ever i go to my page, the page has space at the bottom of the page and right of the page which i dont want to have.

after refreshing the page again, the layout luks good, so can sumone figure out what is causing the strange problem???

this is the url for the layout
http://www.tamil.net/people/rock/index.php

ps: when i do this site in html, i didnt get this error, only on php 🙁

(visit the link above, you will see a unwanted space at bottom and right. but refresh again, you will not see that again)

matto

I can't explain the refresh issue ... doesn't show up for me.
perhaps it's some kind of caching problem with your browser?
(force complete reload of page)

usually, unwanted spaces in table layout have this reason: somewhere between table cells and/or table rows (NOT inside table cells!) there are blanks or newlines put out. the browser doesn't know where they belong and places them before the table inside which they happen. can be tricky if you have many nested tables ...

cgraz

I don't know what your problem is, but your html coding is written very poorly. STarting from the TOP of your document:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" width="779" height="1">
  <tr>
    <td width="15" background="images/ourtamil_01.jpg" height="1">
    <img border="0" src="images/ourtamil_01.jpg" width="14" height="1"></td>
    <td valign="top" bgcolor="#F8F8F8" height="1" background="images/ourtamil_sidebg.jpg">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
      <tr>
        <td width="100%" background="images/ourtamil_02.jpg">
        <html><body link="#808080" vlink="#808080" alink="#808080" background="bg.jpg" topmargin="0" leftmargin="0">
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">    

<body>
<script src="http://www.tamil.net/people/rock/fade.js" language="Javascript"></script>
<body topmargin="0" leftmargin="0">
<p align="right"><b><font face="Verdana" size="1" color="#808080">Date:

You have four body tags there. Body only needs to be written once per document. Also, body means the body of your html. Put your tables within the body tags, not before, after, and between. (yes after. you included more tables after you ended one of those 4 body tags).

Here is the basic structure for an html page:

<html>

<head>

<title>title</title>

<body>

all your html here

</body>

</html>

Cgraz

kiri

i tried to arrange the html, but still i can solve the problem 🙁

can you please look at my html again and tell me what else tehre is wrong?

thankx

please visit here and tell me the errors 🙁
http://www.tamil.net/people/rock

cgraz

i really don't know what space you are talking about. When I refresh the page, the spacing looks exactly the same int he places you mentioned. Here are a few tips though

is the same as

text<br><br>

You could be getting space from that.

<td>

<img src="images/image.gif" width="100" height="20">

</td>

Will leave a tiny space. The correct way to do it would be

<td><img src="images/image.gif" width="100" height="20"></td>

With no space beween the img tag and the td tags.

Cgraz