Beat: Relative, zentrierte DIVs mit Border

Beitrag lesen

<?xml version="1.0" encoding="iso-8859-15" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>SC Howodo</title>
   </head>
   <style type="text/css">
[code lang=css]      div, table, td { border: 1px solid #000; }
      body > div { width: 70%; margin: auto; }
      body > div > table { width: 100%; }
      #navi { width: 25%; }
      #content { width: 75%; }


>    </style>  
>    <body>  
>       <div>  
>          <table>  
>             <tr>  
>                <td id="navi">navi</td>  
>                <td id="content">content</td>  
>             </tr>  
>          </table>  
>       </div>  
>    </body>  
> </html>  
> [/code]  
>   
> Dankeschön für die raschen und guten Antworten!  
  
Wenn ich deinen ursprünglichen Code betrachte, sehe ich, dass du künstlich Abstand geschaffen hat.  
Diesen kannst du nun (in Rücksicht auf MSIE6) mit einem Wrapper kombinieren.  
  
~~~html
  
<body>  
 <div id="wrapper">  
  <table id="layout" ... />  
 </div>  
</body>
  
#layout { margin: 0 auto; padding:0  
          width: 90%; max-width:50em;  
          text-align:left;  
         }  
#wrapper { margin:0; padding:0;  
          text-align: center;  
         } /*für MSIE*/  

Die Tabelle sollte nun einen Rand aufweisen, aber nicht beliebig ausdehnbar sein.

mfg Beat

--
Woran ich arbeite:
X-Torah
><o(((°>      ><o(((°>
   <°)))o><                      ><o(((°>o