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

Objekt innerhalb einer Navigationsleiste bewegen

K

Kyorax

Guest
Hallo Community,

ich habe folgendes Problem:
Ich habe ein Logo in meiner Navigationsleiste platziert und möchte dieses ein Stück nach unten schieben, sodass es nicht oben "festklebt". Das Logo ist innerhalb des nav-divs.
Wenn ich versuche das Logo mit margin-top nach unten zu verschieben, verschiebt sich die ganze Leiste mit.
Auf padding reagiert der Browser gleich garnicht.

Was muss ich berücksichtigen?
 
Die Seite liegt auf meinem Computer, insofern wäre das schwierig. Es geht mir nur darum, warum eine simple Seite ohne große CSS-Voreinstellungen ein margin falsch wiedergeben kann.
 
Code:
body {
margin: 0;
padding: 0;
}

.nav {
background-image: url(images/nav.png);
background-repeat: repeat-x;
height: 76px;
width: 100%
margin: 0px;
padding: 0px;
}

.nav .logo {
background-image: url(images/logo.png);
background-repeat: no-repeat;
height: 58px;
width: 224px;
margin-top: 20px;
}

Wieso verschiebt sich die nav selbst mit?!
 
Zurück
Oben