mandy: / CSS: tabellen verschachtelt - zu breit!

hi,

ich habe eine tabelle, die auf allen seiten einer hp angewendet wird.
die tabelle ist lt. css-datei folgendermaßen formatiert:

TABLE.rahmen {
 width: 600px;
 border-width: 1pt;
 border-color: #0000CC;
 border-style: solid;
}

wenn ich allerdings innerhalb dieser tabelle eine weitere tabelle anlege, deren größe ich beliebig (in %) festlege (z.b. 80%), dann wird die table.rahmen immer ein kleines stückchen breiter - und das soll sie nicht! hab's auch schon mit cellspacing="0" etc. probiert. hilft aber auch nicht weiter...

habt ihr vielleicht eine idee?
mandy

  1. gugucks mandy,

    eigentlich erzeugt dein code so keine fehler.
    Vgl. die folgende Datei:

    <html>
      <head>
      <style type="text/css">
        TABLE.rahmen {
         width: 600px;
         border-width: 1pt;
         border-color: #0000CC;
         border-style: solid;
        }

    </style>
      </head>
      <body>
      <table class="rahmen">
        <tr>
          <td>
          <table style="background-color:#ff0000;width:90%">
            <tr><td>innere Tabelle</td></tr>
          </table>
          </td>
        </tr>
      </table>
      </body>
    </html>

    Funzt (IE 5.5, Mozi 0.9.6), also muß der Fehler in irgendwelchen anderen Interferenzen liegen.

    liebe grüße, uschi

    1. hi uschi,

      danke für die hilfe.
      vielleicht kannst du in meinem quelltext was entdecken?

      <table class="rahmen">
        <tr>
          <td id="leer"> </td>
          <td id="ueber">Aktivitäten</td>
        </tr>
        <tr>
          <td class="rahmen" colspan="2">
       <h3>  Exkursion am Badberg, im Kaiserstuhl</h3>

      <table border="0" width="90%" >
            <tr> [...]

      mandy

      1. gugucks mandy,

        deine eingeschachtelte Tabelle steht ja in einem td, das genau wie die rahmende Tabelle die Klasse "rahmen" hat. Wie sieht die denn aus?

        gruß, uschi

        <table class="rahmen">
          <tr>
            <td id="leer"> </td>
            <td id="ueber">Aktivitäten</td>
          </tr>
          <tr>
            <td class="rahmen" colspan="2">
        <h3>  Exkursion am Badberg, im Kaiserstuhl</h3>

        <table border="0" width="90%" >
              <tr> [...]