Tabelle ist komisch (positionen)

[elijakiki]

Hallo lieber Forum Besucher

Ich bin in der Schule gerade an einer Homepage dran und habe ein ziemlich grosses problem :/

problem.png - Bilder und Fotos kostenlos auf ImageBanana hochladen

Auf jedenfall möchte ich, dass diese rechte Tabelle jetzt oben ist (roter pfeil) ich weiss aber nicht wie -.-

Hier ist noch der Quellcode

<hr class="noscreen" />

    <h1 id="title">Über uns</h1>

    <ub-navigation>
    <p>
<br>
    </p>

    <Three columns>
    <div class="content box">
    
        <div class="content-in box">

            

<h2>Das sind wir</h2>
<table>
<tr><td><img src="http://www.html.de/images/elija.jpg" width="137" height="201"/>  </td>
<td><table><tr>
<td style='color:#606060;width:83px;padding-bottom:12px'>Name:</td>
<td style="font-size:16px;padding-bottom:12px"><b>Elija Betschart</b></td>      </tr>      
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Status:</td>          
<td style="padding-bottom:12px">Aktiv</td></tr>   
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Alter:</td>          
<td style="padding-bottom:12px">16 Jahre</td></tr>      
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Wohnsitz:</td>          
<td style="padding-bottom:12px">Luzern</td></tr>      
<tr><td style='color:#606060;width:83px;padding-bottom:20px'>Aufgaben:</td>          
<td style="padding-bottom:20px"><ul style="padding:0;margin:0;margin-left:12px">              
    <li>Administration</li>              
    <li>Organisation</li>              
    <li>Support</li>                        
    <li>News</li>              
    <li>Grafik</li>          </ul></td></tr>      

<tr><td style='color:#606060;width:83px'>Kontakt:</td>          
<td><a href="mailto:[email protected]"><img src="http://www.html.de/images/mail-button.jpg" width="62" height="22"></a>          
<a href="standort.html"><img src="http://www.html.de/images/tel-button.jpg" width="62" height="22"</a>
<a href="http://www.facebook.com/Elija7x"><img src="http://www.html.de/images/fb-button.jpg" width="82" height="22"</a> </td></tr>      
<tr><td style='color:#606060;width:83px'> </td>          <td> </td></tr></table>  </td>  </tr></td>
</table>

 

[Commodore]

Das muss an deinen Stylesheets liegen, nur mit dem Code den du gepostet hast ist kein Abstand erkennbar.




Nebenbei bemerkt ist eine Tabelle für die Daten zwar vollkommen ok, fürs Design sollte sie allerdings nicht verwendet werden.

 

[threadi]

Ich tippe mal auf ein fehlendes

td { vertical-align: top; }

Aber Tabellen sind dafür wirklich böse ..