LiAn: valign="top" oder eben doch nicht

Hallo allerseits.

Ich lasse mir von einem CMS, das ein "Kollege" geschrieben hat, eine Tabelle mit Newseinträgen generieren. Im Code steht dann auch, wenn man den Quelltext im Browser anschaut:

  
<td valign="top">akjsdkjhdakjsdhaksj</td>

Nur leider ist der Inhalt nicht oben sondern unten ausgerichtet. Und ich weiss leider nicht wieso. Kann mir da jemand helfen? Kennt jemand das Problem? Und ja ich weiss Tabellen sind nicht so toll, aber das CMS ist halt leider so aufgebaut.

Wenn ich den Quelltext des Broswers in ein leeres HTML-File kopiere, wird mir die Tabelle schön dargestellt. Komm einfach nicht draus wieso das passiert.

Hier noch der ganze Quelltext des Browsers der Tabelle:

<table width="671" border="0" cellspacing="0" cellpadding="0">  
    <tr>  
  
      <td width="200" height="16">&nbsp;</td>  
      <td width="20"></td>  
      <td width="320"></td>  
      <td width="20"></td>  
      <td width="100"></td>  
      <td width="11"></td>  
    </tr>  
  
      <tr>  
     <td valign="top"><img src="../downloads/Bild 1.jpg" border="0">  
  
  
       </td>  
       <td></td>  
     <td valign="top" ><b>Hausbaumesse</b><br><br><span class="newseintrag">Nunc nec massa. Mauris a arcu a quam pharetra luctus. Sed consectetuer porttitor magna. Suspendisse ac eros sit amet dolor pulvinar aliquet. Quisque malesuada. Suspendisse in dui sit amet dui consectetuer dapibus. Quisque vel ligula non sapien euismod dictum.Baugrubenumschliessung mittels Spundbohlen erstellt.</span><br><br>  
        </td>  
       <td></td>  
       <td valign="bottom">  
       </td>  
       <td></td>  
  
      </tr>  
      <tr>  
       <td colspan="6"><img src="images/shim.gif" width="1" height="4" border="0"></td>  
      </tr>  
      <tr>  
       <td colspan="6" background="images/pixelLinie.gif"><img src="images/shim.gif" width="1" height="1" border="0"></td>  
      </tr>  
      <tr>  
       <td colspan="6"><img src="images/shim.gif" width="1" height="14" border="0"></td>  
      </tr>  
  
  
      <tr>  
     <td valign="top"><img src="../downloads/rectatwo.jpg" border="0">  
  
       </td>  
       <td></td>  
     <td valign="top" ><b>RectaTwo</b><br><br><span class="newseintrag">Nunc nec massa. Mauris a arcu a quam pharetra luctus. Sed consectetuer porttitor magna. Suspendisse ac eros sit amet dolor pulvinar aliquet. Quisque malesuada. Suspendisse in dui sit amet dui consectetuer dapibus. Quisque vel ligula non sapien euismod dictum.</span><br><br>  
        </td>  
       <td></td>  
       <td valign="bottom">  
  
  
       <table border="0" cellspacing="0" cellpadding="0">  
          <tr>  
         <td valign="top"><a href="../downloads/w1_flyer_ag.pdf" target="_blank"><img src="images/shim.gif" border="0"><!-- optional PDF-Icon hier --></td>  
         <td></td>  
         <td><a href="../downloads/w1_flyer_ag.pdf" target="_blank">Linktext</a></td>  
          </tr>  
       </table>  
       <br><br>  
  
        </td>  
       <td></td>  
      </tr>  
      <tr>  
       <td colspan="6"><img src="images/shim.gif" width="1" height="4" border="0"></td>  
      </tr>  
      <tr>  
       <td colspan="6" background="images/pixelLinie.gif"><img src="images/shim.gif" width="1" height="1" border="0"></td>  
      </tr>  
      <tr>  
       <td colspan="6"><img src="images/shim.gif" width="1" height="14" border="0"></td>  
  
      </tr>  
         <tr>  
      <td colspan="6"><img src="../../images/gif/shim.gif" width="1" height="3" border="0"></td>  
    </tr>  
  </table>
  1. Hatte gerade einen Geistesblitz!

    In meinem CSS ist so ein Reset drin.

    table {
    vertical-align:baseline;
    }

    den musste ich rausnehmen und dann war's ok.

    Sorry für meine Frage.

    1. Hatte gerade einen Geistesblitz!

      wohl eher ein ungewollter funke, der die kanone dann unbeabsichtigt abgefeuert hat ;)

      In meinem CSS ist so ein Reset drin.

      table {
      vertical-align:baseline;
      }

      den musste ich rausnehmen und dann war's ok.

      wie schon erwähnt wurde solltest du das valign="top" aus dem html rausnehmen (das hat da nix verloren) und im css lieber vertical-align: top; zuweisen

  2. Ich lasse mir von einem CMS, das ein "Kollege" geschrieben hat, eine Tabelle mit Newseinträgen generieren. Im Code steht dann auch, wenn man den Quelltext im Browser anschaut:

    <td valign="top">akjsdkjhdakjsdhaksj</td>

    
    >   
    > Nur leider ist der Inhalt nicht oben sondern unten ausgerichtet.  
      
    Verwende CSS in einem externen Stylesheet.  
      
    td{vertical-align:top;}  
      
    
    > Und ich weiss leider nicht wieso.  
      
    Vielleicht, weil bereits eine CSS Regel dies ausser Kraft gesetzt hat.  
      
      
    mfg Beat;
    
    -- 
    Woran ich arbeite:  
    [X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)  
    
    ><o(((°>           ><o(((°>  
    
       <°)))o><                     ><o(((°>o