Veronika: Rahmenlose Tabelle:

Hallo,
ich verzweifel an einer zweispaltigen rahmenlosen Tabelle die trotz aller Vorgaben einen Rahmen zwischen die <td>s setzt und sich auch nicht direkt an den oberen Browserrand setzen läßt. Eine Ausrichtung an den oberen Browserrand bekomme ich nur wenn ich den Layer für das Logo weghaue.
Weiß jemand einen Rat?
Vero

So sieht das Teil aus:

<style type="text/css">
body {background-color:#31465D}
table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}
td.pic {border-collapse:collapse; border:0; height:532; cellpadding:0; cellspacing:0}
td.rom {border:0; position: absolut; width:401; height:100;  background-color:#FFFFFF; cellpadding:0; cellspacing:0}
div.rom {padding-top:70; padding-left:10; font:normal;  font-size:medium; color:#31465D; line-height:2; font-family:futura lt bt, arial}
td.nav {position: absolut;border-collapse:collapse; width:296; height:200; background-color:#31465D; padding-left:30}
table.link {width:190; heigth:190; padding-top:40; padding-left:30; font-weight:bolder; color:#FFFFFF; font-size:medium;  font-family:futura lt bt, arial}
</style>
</head>

<body>

<div id="Layer1" style="position:absolute; left:63px; top:35px; width:770px; height:84px; z-index:1">
  <p> </p>
  <p align="center"> <b><i><font face="Times New Roman, Times, serif" size="6">Platz
    für ein Logo</font></i></b> </p>
</div>
<table  class="index">
<tr>
       <td rowspan="2" class="pic"><img src="pics/home.jpg" width="400" height="532" alt="" border="0"></td>
       <td class="rom"><div class="rom">text    text    text    text   text <br>
    text    text    text    text   text <br>
    text    text    text    text   text <br>
    text    text    text    text   text <br></div></td>
</tr>
<tr>

<td class="nav"> </td>
</tr>
</table>

  1. Hallo,

    in deinem CSS sind soviele Fehler, das es garkeinen Sinn erst macht da weiter zu schaun...

    Grüße

    Christoph

    --
    Ich bin ein spezialisz!
    (Zitat von VENGA JO)
    sh:) fo:) rl:° br:& ie:| mo:) va:) fl:) ss:| ls:< js:|
    Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
    Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
  2. Hallo,

    Weiß jemand einen Rat?

    Validiere erstmal das CSS.
    Es hat tonnenweise Fehler, die ich
    von blossem Auge sehe.
    http://jigsaw.w3.org/css-validator/

    Dann solltest Du uns einen Screenshot liefern
    und die Seite online stellen.
    Ich sehe nicht, was Du willst.

    Wenn Du etwas positionierst, dann musst Du auch sagen, wo.

    Vielleicht hilft Dir das etwas weiter:
    http://www.tiptom.ch/homepage/faq.html?q=bodymargin

    Gruesse,

    Thomas

  3. so sollte es gehen

    <html>
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    body {background-color:#31465D}
    table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}
    td.pic {border-collapse:collapse; border:0; height:532; cellpadding:0; cellspacing:0}
    td.rom {border:0; position: absolut; width:401; height:100;  background-color:#FFFFFF; cellpadding:0; cellspacing:0}
    div.rom {padding-top:70; padding-left:10; font:normal;  font-size:medium; color:#31465D; line-height:2; font-family:futura lt bt, arial}
    td.nav {position: absolut;border-collapse:collapse; width:296; height:200; background-color:#31465D; padding-left:30}
    table.link {width:190; heigth:190; padding-top:40; padding-left:30; font-weight:bolder; color:#FFFFFF; font-size:medium;  font-family:futura lt bt, arial}
    </style>
    </head>
    <body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">

    <div id="Layer1" style="position:absolute; left:63px; top:35px; width:770px; height:84px; z-index:1">

    <p> </p>
    <p align="center"> <b><i><font face="Times New Roman, Times, serif" size="6">Platz für ein Logo</font></i></b> </p>
    </div>
    <table  class="index" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td rowspan="2" class="pic"><img src="pics/home.jpg" width="400" height="532" alt="" border="0"></td>
    <td class="rom">
    <div class="rom">text    text    text    text   text <br>
        text    text    text    text   text <br>
        text    text    text    text   text <br>
        text    text    text    text   text <br>
    </div>
    </td>
    </tr>
    <tr>
    <td class="nav"> </td>
    </tr>
    </table>
    </body>
    </html>

    1. Hallo,

      so sollte es gehen

      Bitte unterlasse es, hier Quellcode zu posten, der
      von Fehlern nur so strotzt.
      Danke.

      Allein diese Zeile enthaelt mindestens drei Fehler.

      table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}

      Das beginnt schon bei der ersten Deklaration
      (absolut statt absolute) ...

      Gruesse,

      Thomas

      1. haha

        der schrott ist nicht von mir
        sehe ich selbst das die styles falsch sind
        sind auch falsch eingebunden *lol
        <style type="text/css">
        <-- usw....

        hab nur das was die lady angemosert hat korrigiert im html

        oder meinst du ich schreib die styles alle neu für sie?
        ok nächste woche ist weihnachten, hast ja recht

  4. Hi,

    abgesehen von den ganzen Fehllern - laß' doch einfach sämtliche Angaben zu border weg, wenn Du keine benötigst.

    freundliche Grüße
    Ingo