steff: Div ist zu breit

Beitrag lesen

Hallo,

ich tüftle jetzt schon sehr lange herum.
Bei dem folgenden Code sollte der weisse balken genau so groß sein, wie der orange.

Das Problem liegt an dem eingestellten padding von

#item {
       background:#FBFBFB;
        padding:10px 20px 10px 20px;
        }

Wenn dieser auf 0 steht, dann geht es.

Darf man in DIVs, die in der Breite begrenzt sind, keine Tabellen verwenden, die 100% breit sind?

Gruß
steff

code:

<html>
 <head>
  <title>teest</title>
     <style type="text/css">
     <!--
        body {
        background-color:#000543;
        }
        #main {
        width:800px;;
        }
        #main h1 {
        background-color: #f1a400;
        }
        #item {
        background:#FBFBFB;
        padding:10px 20px 10px 20px;
        }
     -->
     </style>
 </HEAD>
 <BODY >
 <DIV id=main>
    <h1>test</h1>
    <div id=item>
      <table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#3333CC" >
        <tr class="">
          <td height="15" width="6%"><b></b></td>
          <td height="15" width="52%"><b>test:</b></td>
          <td height="15" width="28%"><div align="center"><b>test:</b></div></td>
          <td height="15" width="14%">&nbsp;</td>
        </tr>
      </table>
    </div>
  </DIV>
 </BODY>
</HTML>