✔ Css/Div Problem

Status
Nicht offen für weitere Antworten.
S

Stadler33

Mitglied
Wenn ich folgende Seite mit dem IE6 oder Opera betrachte wird das Menü korekt angezeigt, aber der Firefox rechnet die Padding Werte zu der Gesamtlänge hinzu, gibt es da eine Möglichkeit das zu beheben?



Code: 
<html>
<head>
<title>Projekt Chinin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
    body{text-align:center;}


    .Komplett {
    font-family: Verdana;
    font-size: 9pt;
    text-decoration: none;
    color: black; background-color: #33FF33;
    text-align: left;
    width:750px;
    height:980px;
    margin:0px auto;

    }
    
    .Links {
    font-family: Verdana;
    font-size: 9pt;
    text-decoration: none;
    color: black; background-color: #F2F0E1;
    text-align: center;
    width:600px;
    float: left;
    height:900px;
    }
    
    .Rechts {
    font-family: Verdana;
    font-size: 9pt;
    text-decoration: none;
    color: black; background-color: #EBE9D1;
    text-align: center;
    width:150px;
    float: left;
    height:900px;
    }

    .Banner {
    font-family: Verdana;
    font-size: 9pt;
    text-decoration: none;
    color: black; background-color: #666699;
    text-align: center;
    width:750px;
    float: left;
    height:80px;
    background-image:url(Unbenannt.jpg)
    }


    .Verweis {
    font-family: Verdana;
    text-decoration: none;
    background-color: #EBE9D1;
    color: black;
    font-size: 10pt;
    padding-left:8px;
    padding-top:1.5px;
    padding-bottom:1.5px;
    padding-right:0px;
    line-height: 1.5;
    text-align: left;
    float: left;
    width:100%;
    

    }

    .Verweis:Hover {
    font-family: Verdana;
    font-size: 10pt;
    text-decoration: none;
    color: black; background-color: #FFFFFF;
    line-height: 1.5;
    text-align: left;
    float: left;
    padding-left:8px;
    padding-top:1.5px;
    padding-bottom:1.5px;
    padding-right:0px;
    width:100%;
    
    }
    
    .Login {
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
    color: black; background-color: #EBE9D1;
    text-align: left;
    width:600px;
    float: left;
    padding-left:5;
    padding-top:1.5;
    padding-bottom:1.5;

    }
    
    .Eingabefeld {
    border:1px solid #E1DEBE;
    background-color:#FFFFFF;
    font-face:Verdana;
    font-size:8pt;
    }
    
    .Eingabefeld:focus {
    border:1px solid #E1DEBE;
    background-color:#FAFAF2;
    font-face:Verdana;
    font-size:8pt;
    }
    
    .Textverweis {
    color: black;
    text-decoration: none;
    }
    
    .Textverweis:Hover {
    color: #008000;
    text-decoration: none;
    }

-->

</style></head>

<body bgcolor="#A4A28D">

<div class="Komplett" >

                   <div class="Rechts" >

                        <a class="Verweis" href="nav_rollover.htm">Mainpage</a>
                        <a class="Verweis" href="nav_rollover.htm">Interpreten</a>
                        <a class="Verweis" href="nav_rollover.htm">Album Rezessionen</a>
                        <a class="Verweis" href="nav_rollover.htm">Toplist der Songs</a>
                        <a class="Verweis" href="nav_rollover.htm">Toplist der Alben</a>
                        <a class="Verweis" href="nav_rollover.htm">Userliste</a>
                        <a class="Verweis" href="nav_rollover.htm">Forum</a>
                        <a class="Verweis" href="nav_rollover.htm">Kleine Anmerkung</a>
                        

                   </div>

</div>

<br />

</body>

</html>
 
Ich habe das Problem mittlerweile selbst gelöst, den Befehl padding-left:8px; einfach weglassen und im HTML Teil &nbsp vor den Link setzen so entsteht auch ein Abstand zum Linken Rand, trotzdem möchte ich mich aber für die Hilfe bedanken!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück