torsten: 2 unterschiedliche tabellen mit css formatieren

hallo,

ich möchte über eine externe css-datei meine tabellen formatieren.
hier mein code:

<!-- code anfang -->

<style type="text/css">
<!--

#tab1 table { width:50%; border-spacing:0px;  }
#tab1 td { width:100%; padding:0px; background: url('bild1.jpg')}

#tab2 table { width:100%; border-spacing:0px;  }
#tab2 td { width:100%; padding:0px; background: url('bild2.jpg')}

-->
</style>
</head>

<body style="background-color:#0066FF">

<table border="1" id="tab1">
  <tr>
    <td>hier steht irgendwas drin</td>
  </tr>
</table>

<table border="1" id="tab2">
  <tr>
    <td>hier steht auch irgendwas drin</td>
  </tr>
</table>

</body>

<!-- code ende -->

nach meiner vorstellung müsste jetzt die erste tabelle mit einer weite von 50% und einem zellenhindergrund mit bild1 ausgegeben werden. in der zweiten tabelle mit einer weite von 100% und einem zellenhindergrund mit bild2 ausgegeben werden.

also die 2 tabellen haben unterschiedliche hindergründe, dass funktioniert schon mal. nur die weite die unterschiedlich sein sollte ist es nicht. sie sind beide gleich weit. woran liegt das, was hab ich flasch gemacht?

gruß
torsten

  1. hi,
    habe mein problem lösen können:

    <div id="tab1">
    <table border="1">
      <tr>
        <td>sdfgdsfgdfg</td>
      </tr>
    </table>
    </div>

    <div id="tab2">
    <table border="1">
      <tr>
        <td>sdfgdsfgdfg</td>
      </tr>
    </table>
    </div>

    falls es ne bessere lösung geben sollte, freue ich mich auf tipps..

    gruß
    torsten

    1. Mach das ganze mit class-en, da hats bei mir immer besser funktioniert!

      Andy

      1. Würd ich auch sagen!
        Gib in deinem CSS-File einen ".tab1{...}" und einen ".tab2{...}"-Tag an.
        Und ruf ihn dann so auf:

        <table class="tab1">
        bzw.
        <table class="tab2">

        Ciao Flo

        PS.: den border kannst ja auch mit css vorgeben!

        1. Würd ich auch sagen!
          Gib in deinem CSS-File einen ".tab1{...}" und einen ".tab2{...}"-Tag an.
          Und ruf ihn dann so auf:

          <table class="tab1">
          bzw.
          <table class="tab2">

          Ciao Flo

          PS.: den border kannst ja auch mit css vorgeben!

          hi,
          danke für die tipps, werd ich mal so machen, nur was genau ist der vorteil an classen?

          das mit border in css formatieren, hab ich ausprobiert, funzt aber irgendwie nich...

          gruß
          torsten

  2. Hi,

    <table border="1" id="tab1">
      <tr>
        <td>hier steht irgendwas drin</td>
      </tr>
    </table>
    <table border="1" id="tab2">
      <tr>
        <td>hier steht auch irgendwas drin</td>
      </tr>
    </table>

    Welchen Sinn sollen die beiden Tabellen haben?

    Statt einzelliger Tabellen reicht doch wohl auch ein p (oder ein div, wenn nicht nur Text, sondern auch Überschriften vorkommen)

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    1. hi,

      natürlich ergeben die tabellen keinen sinn, is ja auch nur ein beispiel. aber danke, ich hab mein problem schon lösen können...

      gruß
      torsten