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

[Anfänger] Simple Zentrierung

Odiii

Neues Mitglied
Hallo,

ich beschäftige mich derzeit ein wenig mit HTML und stehe gerade vor einem Problem:

Ich habe eine "Sidebar" wo Menüpunkte verankert sind. Die Menüpunkte sind zentriert, so jedenfalls im FF. Im IE hingegen sind sie linksbündig. Ich suche nun schon seit einer Stunde nach dem Fehler, werde aber nicht fündig :-|

Vielleicht kann jemand von euch mal einen kurzen Blick drauf werfen:

HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="88%"> <!--spaltenbreite -->
 
 
    <td width="135" align="center" bgcolor="#666666" valign="top" background="images/menu_bg.gif"> 
         
            <div align="center" style="margin-bottom:10px;margin-top:30px"><a href="#"><img src="button/aa.png" border="0" alt="aa" /></a></div>
            
            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa" /></a></div>

            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa" /></a></div>
           
            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa"/></a></div>
          
            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa" /></a></div>
           
            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa" /></a></div>
            
            <div align="center" style="margin-bottom:10px;margin-top:10px"><a href="#"><img src="button/aa.png" border="0" alt="aaa" /></a></div>
           

    </td>

Freundliche Grüße
 
Menüs baut man nicht mit Tabellen sondern mit <ul> bzw. <nav>. Dadurch hast Du auch weit mehr Möglichkeiten und Sicherheit bei der Gestaltung.

In deinem Fall besteht das Problem in dem Attribut "align" bei den <div>'s. Solche HTML-Attribute sollten man nicht verwenden, stattdessen CSS. Wo ich wieder bei meinem ersten Tipp wäre: verzichte auf die Tabelle und auch die <div>'s und gestalte nur per CSS.
 
Zurück
Oben