tabellen mit css

[torsten]

hallo,

erst mal hier mein code:

<style type="text/css">
<!--
 #tab_head table { width:96%; border-spacing:0px; background-color:#ADD8E6}
 #tab_head td { width:25%; padding:0px; }

#tab_body table { width:95%; border-spacing:0px; background: url('http://bild.jpg') }
 #tab_body td { width:25%; padding:0px;  }
-->
</style>

<!-- tab_head -->
<div id="tab_head" align="center">
<table>
 <tr>
    <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
</table>
</div>
<!-- tab_body -->
<div id="tab_body" align="center" style="margin-top:5px">
<table>
 <tr>
    <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
   <tr>
      <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
   <tr>
      <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
</table>
</div>
<!-- für   soll halt irgendwas drin stehen -->

die tabellen hatte ich vorher nicht mit css formatiert, sondern ganz normal mit html. jetzt da sie mit css formatiert sind, sehen sie im IE wesentlicher dicker (also die höche ist anders) aus als im NS. gut  zu erkennen ist das bei der tabelle tab_head. sieht erlich gesagt scheisse (sorry) aus. wie bekomme ich die höche genau so hin wie im NS? tabellen mit css formatieren is ja echt ne klasse sache, aber wenn dabei so probleme bei rausspringen verzichte ich lieber wieder drauf.

gruß
torsten

[Danny]

Hallo,

ist zwar nicht zu Deinem Problem, aber wenn schon CSS, warum machst Du das dann nicht konsequent und schmeißt auch gleich  align="center"  raus?

MfG
Danny

[torsten]

ist zwar nicht zu Deinem Problem, aber wenn schon CSS, warum machst Du das dann nicht konsequent und schmeißt auch gleich  align="center"  raus?

hi Danny,

wie sieht denn die css formatierung für align="center" aus?

gruß
torsten

[Danny]

'align' und 'valign' entsprechen 'text-align' und 'vertical-align'

[torsten]

'align' und 'valign' entsprechen 'text-align' und 'vertical-align'

thx

[torsten]

hab noch was vergessen:

in #tab_head ist die schrift mit font-size:0.8em formatiert!

gruß

[Danny]

Versuche folgende CSS-Eigenschaften:

border: 1px solid #0000ff;
border-spacing: 0;
border-collapse: collapse;

[torsten]

Versuche folgende CSS-Eigenschaften:

border: 1px solid #0000ff;
border-spacing: 0;
border-collapse: collapse;

hey mit "border-collapse: collapse" funzt es,
dank dir...

gruß
torsten

[Struppi]

<div id="tab_head" align="center">
<table>
 <tr>
    <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
</table>
</div>
<!-- tab_body -->
<div id="tab_body" align="center" style="margin-top:5px">
<table>
 <tr>
    <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
   <tr>
      <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
   <tr>
      <td align="center"> </td>
      <td align="center"> </td>
      <td align="center"> </td>
 </tr>
</table>
</div>
<!-- für   soll halt irgendwas drin stehen -->

Es käme darauf an zu Wissen was. Wenn du einfach versuchst verschiedenene Bereiche zu definieren, dann ist dein ganzer Ansatz falsch, dann willst du keine Tabelle, sondern du solltest mit Bereichen arbeiten.

Vielleicht hilft dir dieser Kurs weiter zu verstehen: http://www.jendryschik.de/wsdev/einfuehrung/

z.b. Wie ein xHTML Dokument aufgebaut ist

http://www.jendryschik.de/wsdev/einfuehrung/xhtml/aufbau.html

Struppi.