• 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?
 
Werbung:
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.
 
Werbung:
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?!
 
Werbung:
Zurück
Oben