[HTML/CSS] What is causing this invisible space?

Code:

---

    <style type="text/css">
        body {
            margin: 0px;
            padding: 0px;
        }
   
        #DuskBarBg {
            background: URL('./DuskBar/img/bg.png');
            width: 100%;
            height: 90px;
        }
       
        .DuskBar {
            background: URL('./DuskBar/img/Bar_bg.png');
            width: 779px;
            height: 45px;
            padding: 0px;
            margin: 0px;
        }
    </style>

    <div id="DuskBarBg">
        <center>
            <table width="799px" height="90px" cellspacing="0" cellpadding="0">
                <tr height="45px">
                    <td>
                        lawl
                    </td>
                </tr>
                <tr height="45px">
                        <td><img src="./DuskBar/img/Bar_left.png" /></td>
                        <td width="779px" class="DuskBar">
                            lawl
                        </td>
                        <td><img src="./DuskBar/img/Bar_right.png" /></td>
                </tr>
            </table>
        </center>
    </div>

---

http://imageshack.us/m/716/7067/wtfyj.png\

I suck at html, and yeah, what is causing that invisible area O.O

You, using tables.

Erh, any advice on doing html? im really no good with it ;o

http://forum.ragezone.com/6320915-post9.html

I'm not that bad, I just haven't done this in maybe 2 years.

Quote:

---

Originally Posted by Kreain

I'm not that bad, I just haven't done this in maybe 2 years.

---

EDIT

Didn't even look through your code.
You have the ability to work with divs but you choose to work with tables?
That's not very wise. Stick with divs.

:thumbup:
-Chrisdothtml

Yeah, proceeded to, I dno, since using other languages coming back I had the assumption tables were a good idea due to bad experience's with div's before... position absolute... eww.

you don't have to use absolute positioning...
:?:

Quote:

---

Originally Posted by Kreain

Yeah, proceeded to, I dno, since using other languages coming back I had the assumption tables were a good idea due to bad experience's with div's before... position absolute... eww.

---

IF i am correct table won't be correct in new xhtml strict,
if you need send me your email over PM ill help you out.

________________________________________________________________

or use this :

Code:

---

<style type="text/css">
        body {
            margin: 0px;
            padding: 0px;
        }
   
        #DuskBarBg {
            background: URL('./DuskBar/img/bg.png');
            width: 100%;
            height: 90px;
        }
       
        .DuskBar {
            background: URL('./DuskBar/img/Bar_bg.png');
            width: 779px;
            height: 45px;
            padding: 0px;
            margin: 0px;
        }
    </style>

    <div id="DuskBarBg">
        <center>
            <table width="799px" height="90px" cellspacing="0" cellpadding="0">
                <tr height="45px">
                    <td colspan="3">
                        lawl
                    </td>
                </tr>
                <tr height="45px">
                        <td><img src="./DuskBar/img/Bar_left.png" /></td>
                        <td width="779px" class="DuskBar">
                            lawl
                        </td>
                        <td><img src="./DuskBar/img/Bar_right.png" /></td>
                </tr>
            </table>
        </center>
    </div>

---