Search code examples
htmloverlapping

tables overlapping for some reason


For some reason my <td>s are overlapping each other. It's not supposed to do that. I want the center to be seperate from the left column which currently isn't.

Anyone got a clue what I did wrong? This is the website where you can see the code etc:


Solution

  • .MiddleCenterContent has a width of 100%, forcing it to overlap its neighbours. A better method would be to make defaultTable width 100% then just define the width of the other cells, and .MiddleCenterContent would fill out.

    Despite this, it's better practice to use <div> tags for layout. There are plenty of tutorials on methods using these available on the internet.