I have created my entire website by using a main table, and having the content inside the table.
Some ppl suggest this is wrong, and I would like to know what to do specifically in my situation.
On my index.html I have a <table align="center"> and then all content in it.
Now the content is in form of DIVS and they all have relative positioning, so they are relative to the table.
For example:
<table align="center">
<tr>
<td>
<div style="position:relative; left:14px; top:50px;">
CONTENT HERE... (Form, divs, images)
</div>
</td>
</tr>
</table>
I have just gotten to the stage of browser compatibility.
Without making any changes whatsoever, my website works perfect in FF, SAFARI, Chrome and Opera. Only trouble with IE.
So for my Q, if you where me, would you change my layout and remove the tables, and instead use alot more css and alot more DIVS, or would you go with what I have?
And please if you answer me, don’t just provide me with the answer, but also a “why” that is… in other words, give me arguments and facts…
Thanks
I don’t see anything in your table that gives you anything more than you would get from just having the DIV that is contained in your single table cell. You’re still arranging the contents based on your DIV as parent, so how exactly is the extra markup outside the div helping you? If you’re worried about centering the DIV (and apparently you’re having trouble because you say you’re having trouble in IE), set
margin-right:auto; margin-left:autoin the style or CSS.