Navigationsleiste verschoben

[akKrus]

Hallo,

bei IE sitzt meine navileiste perfekt aber bei Firefox nicht, finde das problem nicht und muss die heut bis 14 uhr fertig haben

Grüße aK

Code :

<div class="navigation">
<div class="menucontainer_inaktiv"> <a class="menulink_inaktiv" href="jugendstiftung.html"><p size="2px">Startseite</a></p> </div>

und hier CSS:

div.navigation
{
background-color:#ddddfe;
margin-top:-5px;
margin-bottom:5px;
margin-left:0px;
*margin-left:0px;
padding-left:0px;
width:230px;
height:745px;
float:left;
}

brauche dringend schnell hilfe: )

-------------------------------------------------------------------------------

div.menucontainer_inaktiv
{
background-color:#ffffff;

width:220px;
*width:230px;
margin-left:0px;
margin-right:0;
padding-left:9px;
padding-top:2px;
*padding-top:2px;
border-bottom:1px solid;
border-right:1px solid;
color:#900;
}

/* Einzelne container für die Links im Menü, (aktiv, somit andere Farbe als die Menüleiste um es hervorzuheben)*/
div.menucontainer_aktiv
{
background-color: #dddddd;
max-height:20px;
width:220px;
*width:230;
margin-left:0px;
margin-right:0;
margin-top:0px;
padding-left:9px;
padding-top:2px;
border-bottom:1px solid;
border-right:1px solid;
color:#900;
}

 

[Maik]

Hi,

da du uns verschwiegen hast, in welcher Richtung (horizontal oder vertikal) die Navigation verschoben ist, tippe ich jetzt einfach mal auf das <p>-Element, dessen voreingestellte äußere Polsterungseigenschaft margin hier zum Tragen kommt.

Dieses Element darf aber nicht in dieser Form im Markup eingebunden werden, sondern so:

<p><a class="menulink_inaktiv" href="jugendstiftung.html">Startseite</a></p>

und im CSS notierst du:

.menucontainer_inaktiv p {
margin:0;
}

mfg Maik

 

[akKrus]

ja die ist nach unten verschoben also nur der Text aber der container ist eig an der richtigen stelle nur der Text ist an der falschen stelle.

 

[Maik]

Na, dann hab ich ja mit meiner Vermutung den Nagel auf dem Kopf getroffen

mfg Maik