CSS und Netscape 7.1

Status
Nicht offen für weitere Antworten.

heikomi

Erfahrenes Mitglied
allen ein gesundes neues 2008,

zu meinem Problem:
Ich habe eine Leiste mit den Links A - Z (geteilt in 2 Reihen). Der IE macht die Anzeige so wie es sein sollte, der Netscape leider nicht. Obwohl in der CSS 20px breit angegeben ist, macht er die Breite wie er sie braucht :-(

hier die CSS:
PHP:
<!--

    #amenu a
    {
        text-decoration:   none;
        width:             20px;
        border-top:        1px solid #E4D9C0;
        border-right:      1px solid #837C6B;
        border-bottom:     1px solid #837C6B;
        border-left:       1px solid #E4D9C0;
        padding:           1px;
        margin:            1px;
        font-family:       verdana, arial, helvetica;
        font-size:         10px;
        font-weight:       bold;
        text-align:        center;
        color:             #000066;
        background:        transparent;
    }

    #amenu a:hover
    {
        border-top:        1px solid #837C6B;
        border-right:      1px solid #E4D9C0;
        border-bottom:     1px solid #E4D9C0;
        border-left:       1px solid #837C6B;
        color:             #f6e4c1;
        background-color:  transparent;
    }

    #amenu_aktiv a 
    {
        text-decoration:   none;
        width:             20px;
        border-top:        1px solid #E4D9C0;
        border-right:      1px solid #837C6B;
        border-bottom:     1px solid #837C6B;
        border-left:       1px solid #E4D9C0;
        padding:           1px;
        margin:            1px;
        font-family:       verdana, arial, helvetica;
        font-size:         10px;
        font-weight:       bold;
        text-align:        center;
        color:             #000066;
        background:        #008080;
    }

    #amenu_aktiv a:hover
    {
        border-top:        1px solid #837C6B;
        border-right:      1px solid #E4D9C0;
        border-bottom:     1px solid #E4D9C0;
        border-left:       1px solid #837C6B;
        color:             #000066 /* #f6e4c1;  */
        background-color:  #008080;
    }
-->

Der PHP Code (auszugsweise):

PHP:
echo "<table width=\"400\" border=\"1\" cellspacing=\"2\" cellpadding=\"2\">\n";
echo "  <colgroup>\n";
echo "    <col width=\"20\">\n";
echo "    <col width=\"280\">\n";
echo "  </colgroup>\n";
echo "  <tr>\n";
echo "    <td rowspan=\"2\" align=\"center\">\n";
echo "      <div id=\"amenu\">\n";
echo "        <a href=\"teilnehmer.php?id=*\">*</a>\n";
echo "      </div>\n";
echo "    </td>\n";

echo "    <td>\n";
echo "      <div id=\"amenu\">\n";
echo "        <a href=\"teilnehmer.php?id=a\">A</a>";
echo "        <a href=\"teilnehmer.php?id=b\">B</a>";
...
...
echo "        <a href=\"teilnehmer.php?id=l\">L</a>";
echo "        <a href=\"teilnehmer.php?id=m\">M</a>";
echo "      </div>\n";
echo "    </td>\n";
echo "  </tr>\n";
echo "  <tr>\n";
echo "    <td>\n";
echo "      <div id=\"amenu\">\n";
echo "        <a href=\"teilnehmer.php?id=n\">N</a>";
echo "        <a href=\"teilnehmer.php?id=o\">O</a>";
...
...
echo "        <a href=\"teilnehmer.php?id=y\">Y</a>\n";
echo "        <a href=\"teilnehmer.php?id=z\">Z</a>\n";
echo "      </div>\n";
echo "    </td>\n";
echo "  </tr>\n";
echo "</table>\n";

Kann mir wer sagen, ob der NC eine eigene Formatierung braucht und wie?

LG Heiko
 
Hi,

grundsätzlich fehlt den Links die "Block-Level-Charakteristika", damit sie die width- und padding-Deklaration überhaupt annehmen, und benötigen die display:block-Eigenschaft. Da sie aber horizontal ausgerichtet werden sollen, zeichne sie mit float:left aus.

Im übrigen stellen neben dem Netscape auch die anderen Browser die Links derzeit nicht in der gewünschten Breite dar.
 
Status
Nicht offen für weitere Antworten.
Zurück