bossy22: Table über die volle Breite?

Hallo,

habe ein Problem:

Es will mir nicht gelingen eine Tabelle über die vollen 100% einer Seite zu strecken.

Der code ist folgender:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <title>D!'s World</title>
 <link rel="stylesheet" type="text/css" href="../css/main.css"/>
</head>
<body bgcolor="#FF6600" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
 <tr>
  <td class="top_left"><img src="../images/blank.gif" width="100" height="100" /></td>
  <td><img src="../images/top_banner.jpg" width="750" height="100" /></td>
  <td class="top_right"><img src="../images/blank.gif"/></td>
 </tr>
  <tr>
  <td class="top_navi_left"><img src="../images/blank.gif" width="100" height="21" /></td>
  <td ><img src="../images/navigation.gif" width="750" height="25" /></td>
  <td class="top_navi_right"><img src="../images/blank.gif"/></td>
 </tr>
</table>
</body>
</html>

css ist so:

/*CSS Dokument*/

.body { background-color : rgb(255,102,0);
        margin-left:0;
 }

.top_left { background-color :  rgb(255,255,255);
            width:100px;
 }

.top_right  { background-color :  rgb(128,175,33);
            width=100%;

}
.top_navi_left  { background-color :  rgb(159,198,69);
                border-top:2px solid white;
                border-bottom:2px solid white;

}
.top_navi_right  { background-color :  rgb(159,198,69);
                border-top:2px solid white;
                border-bottom:2px solid white;
                width=100%;

}

  1. Hallo,

    <body bgcolor="#FF6600" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">

    rightmargin ist suspekt. Guck mal hier: http://www.selfhtml.net/html/dateiweit/seitenraender.htm#definieren

    Besser wäre es überhaupt mit CSS.

    Beste Grüße
    Viennamade

  2. Hallo.

    Es will mir nicht gelingen eine Tabelle über die vollen 100% einer Seite zu strecken.

    Ich habe mich jetzt nicht durch deinen gesamten HTML- und CSS-Code gewühlt, aber mit CSS sollte es funktionieren, wenn du den Elementen html und body sowie der Tabelle eine Breite und eine Höhe von 100% zuweist und die Innen- und Außenränder auf 0 stellst.

    Vielleicht hilft's
    Siechfred

  3. oder einfach Scrollbalken ausschalten!?