✔ [tabelle] Spalten verrutschen manchmal

[alex130]

Hallo,
ich hab ein kleines Problem mit einer Tabelle und zwar, verrutschen mir manchmal ein paar Spalten...
Ich hab einen Screenshot, sowie den Code gepostet.
Ich hoffe mir kann jemand helfen.
Code:

                <table width="100%" cellspacing="15" cellpadding="0">
   <tr>

          <td width="50%" style="border:1px solid #cccccc; padding:0;">
       		<table width="100%" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
            	<tr>
                <td style="background:#cccccc; margin:0; padding:0;"><b>Magic Beans</b></td>
                </tr>
                <tr>
                <td><br /><center><a href="index.php?p=details&id=34" title="Magic Beans"><img src="preview/mbeansf.png" alt="Magic Beans" />
                </a></center></td>

                </tr>
            </table>
        </td>
             <td width="50%" style="border:1px solid #cccccc; padding:0;">
       		<table width="100%" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
            	<tr>
                <td style="background:#cccccc; margin:0; padding:0;"><b>were beast</b></td>
                </tr>

                <tr>
                <td><br /><center><a href="index.php?p=details&id=33" title="were beast"><img src="preview/werebeastcf.png" alt="were beast" />
                </a></center></td>
                </tr>
            </table>
        </td>
   </tr><tr>      </tr>
   <tr>

   	<td></td>
    <td><a href="index.php?p=neue">mehr neue Schriftarten</a></td>
   </tr>
</table>

 

[Maik]

Hi,

der Inhalt der beiden Spaltenzellen gehört am oberen Zellenrand ausgerichtet, und verleih ggfs. noch dem grafischen Link "Block-Level-Charakteristika".

mfg Maik

 

[alex130]

Danke, hab das jetzt probiert hat leider nichts gebracht.
Ich bin jetzt drauf gekommen, dass es daran liegt, dass die Bilder unterschiedlich hoch sind, aber das geht leider nicht anders, kann man da so vielleicht was machen?
Danke

 

[Maik]

Wie gesagt, richte den Inhalt am oberen Zellrand aus (mit dem Attribut valign="top" oder der CSS-Eigenschaft vertical-align:top), dann verschiebt er sich auch nicht nach unten, wenn der Inhalt der benachbarten Zelle höher ist.

mfg Maik

 

[alex130]

Danke hat funktioniert