• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vertical align:top funktioniert nicht bei Firefox

cori

Neues Mitglied
Nabend zusammen.

So langsam bin ich mit meinem Latein am Ende.
Im groben besteht meine Seite aus einer Tabelle mit 3 Spalten.
rechte Spalte - Links, Mitte - Text und Rechts wieder Links.
Jetzt habe ich folgendes Problem, der Text in der linken Spalte wird von Firefox immer mittig angezeigt, IE zeigt es dagegen richtig an.

css Auzug:
Code:
table{

background-color: #ffffff;
font-size: 10pt;
}

td
{
vertical-align: top
}
HTML:
    <table width="1024" border="0" align="center" id="rundrum" valign="top"  cellspacing="0" cellpadding="0">
          <tr> 
            <th colspan="3"><img src="images/top2.jpg" align="top"> </th>
          </tr>
          <tr>
            <th height="23" colspan="3"><img src="images/line.jpg" align="top"></th>
          </tr>
          <tr> 
            <th height="23" colspan="3" align="right" width="100%"  class="buleiste"  >
                <table id="menu2"   border="0" cellpadding="0" cellspacing="0">
                   <tr>
                           <td >
                             <a href="index.html"  onfocus="this.blur()"><span >&nbsp;</span>Home</a>
                        </td>
                         <td >
                              <a href="index.html"  onfocus="this.blur()"><span >&nbsp;</span>Gästebuch</a>
                          </td>
                        <td >
                            <a href="impressum.html"  onfocus="this.blur()"><span >&nbsp;</span>Impressum</a>
                        </td>
                        <td id="aussen">
                             <a href="index.html"  onfocus="this.blur()"><span >&nbsp;</span>Mail</a>
                          </td>
    
                    </tr>
                    <tr>
                        <td>&nbsp;</td>    
                    </tr>
               </table>
            </th>
          </tr>
          <tr> 
            <td  id="menu3" >
                <p><strong>Werkzeuge und Materialien</strong></p>
                <ul>
                <li><a href="werkzeuge.html"  onfocus="this.blur()">Werkzeuge</a></li>
                <li>Dr&auml;hte und F&auml;den</li>
                <li>Perlen</li>
              </ul>
                <p>&nbsp;</p>
              <p><strong>Techniken und Anleitungen</strong></p>
              <ul>
                <li>Perlenstickerei</li>
                <li>Aufziehen</li>
                <li>Schmuckdraht</li>
                <li>Handweben</li>
                <li>Weben auf dem Rahmen</li>
                <li>Kugeltechnik</li>
              </ul>
            </td>
            <td width="584" id="innen" ><h2>News</h2>
              Diese Seite befindet sich noch im Aufbau.
              </td>
            <td id="menu1" align="right">
              Link
              <ul>
                  <li>Hier liegt das Problem</li>
              </ul>
            </td>
          </tr>
  
          <tr>
              <th colspan="3" id="fussb"> www.perlenschmuck-anleitung.de  </th>
          </tr>
    </table>
Ich hoffe, jemand kann mir helfen, ich weiß einfach nicht mehr weiter.

Danke schon mal im Voraus.

lg
Cori
 
Meinst Du mit "linker Spalte" in diesem Tabellengewirr diesen Abschnitt?

Code:
<th colspan="3"><img src="images/top2.jpg" align="top"> </th>

Wenn ja, dann müsstest Du für th diese Eigenschaft setzen, nicht nur für td.
 
Morgen,

danke threadi für deine Antwort.

Nein, der Abschnitt funktioniert tadellos.

HTML:
<td id="menu1" align="right">
              Link
              <ul>
                  <li>Hier liegt das Problem</li>
              </ul>

Hier hapert es.
Der Text soll rechtsbündig sein, was auch funktioniert.
Firefox ignoriert leider aber leider vertical-align: top.

lg
Cori
 
Solange der Doctype richtig und die Seite valide ist sollte es eigentlich gehen. Setz mal noch hinter "vertical-align: top" ein Semikolon.
 
Ersteinmal danke für eure Hilfe.

Leider funktioniert es immer noch nicht so, wie ich mir das vorstelle.
So langsam verzweifel ich...
 
Zurück
Oben