Modo listagem | Modo Linear

claudiuh

Voltei a fazer o código de novo:

index.php

Código:

<html>

<head>

<title>Nova Template</title>

<link rel="stylesheet" type="text/css" href="css.css"/>

</head>

<body>

    <div id = "container">

        <div id = "top">

            <div id = "header">

                <table id = "header_table">

                    <tr>

                        <td>Exemplo</td>

                    </tr>    

                </table>

            </div>

            <div id = "logo">

            </div>

            <div id = "menu">

                <table id = "menu_table" align = "center">

                    <tr>

                        <td>

                            HOME&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;NOTÍCIAS&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;EXEMPLO&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;EXEMPLO2&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;EXEMPLO3

                        </td>

                    </tr>

                </table>

            </div>

        </div>

        <div id = "middle">

            <div id = "submenu">

                <table id = "submenu_table">

                    <tr>

                        <td>

                            <font color = "#427ea1">Menu</font>

                            <br><br><br>

                        </td>

                    </tr>

                    <tr>

                        <td>

                            <ul>

                                <li>Home</li><br>

                                <li>Outra Coisa</li><br>

                                <li>Bla Bla</li><br>

                                <li>Hum....</li><br>

                                <li>Ok</li><br>

                            </ul>

                        </td>

                    </tr>

                </table>

            </div>

            <div id = "content">

                Teste<br>

                Olá

            </div>

        </div>

    </div>

</body>

</html>

css.css

Código:

body {

    margin:0px; 

    background-color:#006ba9;

}

#container {

    width:100%;

    height:100%;

    background: url(images/bg_color.png); 

    background-position:top left; 

    background-repeat:no-repeat;

}

#top {

    width:100%;

    height:244px;

    text-align:left;

}

#header {

    width:100%;

    height:27px;

    background: url(images/header.png) repeat-x;

}

#header_table {

    width:100%;

    margin-left:2px;

    margin-top:2px;

    text-align:left;

    color:#427ea1;

    font-family:Trebuchet MS;

    font-size:12px;

}

#logo {

    width:100%;

    height:186px;

    background: url(images/logo.png) no-repeat top center #000000;

}

#menu {

    width:100%;

    height:31px;

    background: url(images/menu.png) repeat-x;

    text-align:center;

}

#menu_table {

    margin-top:4px;

    font-family:Tahoma;

    font-size:12px;

    font-weight: bold; 

    color: #427ea1;

}

#middle {

    position:relative;

    width:100%;

}

#submenu {

    position:relative;

    float:left;

    background: url(images/submenu.png) no-repeat;

    width:200px;

    height:276px;

    margin-left:60px;

    margin-top:50px;

}

#submenu_table {

    margin-left:2px;

    color:#000000;

    font-family:Trebuchet MS;

    font-size:12px;

    text-align:left;

}

#content {

    position:absolute;

    float:left;

    margin-left:350px;

    margin-top:50px;

    background: url(images/content.png);

    width:60%;

}

Meti o site online:
http://inforc.myweblive.net/

Só que continua tudo na mesma.

Alguma solução?