selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

padding für Navigationsleiste nach Browser definieren

Autor: Druecke_die_AnyTaste [Beiträge: 2]
Datum: 17.03.2014 12:58:07

Hallo,

ich habe folgendes Problem:

Ich habe eine horizontale Navigationsleiste mit Hilfe der ul- und li-Elemente erstellt.
Auf Chrome, Safari und Opera wird die Navigation genauso dargestellt, wie sie sein sollte.
Nur über IE und Firefox wirkt die Navigationsleiste nicht mehr zentriert gezeigt sondern ich habe einen erheblichen Abstand auf der rechten Seite, wodurch die Navigation linksbündig wirkt.
Offenbar werden in den unterschiedlichen Browsern die Schriften in ihrem Blocksatz und ihren Zeichenabständen (vielleicht auch in der Größe/Höhe/Breite) unterschiedlich dargestellt.

Aus diesem Grunde habe ich meinen CSS-Tag folgendermaßen angepasst (siehe nav li):

nav {

width: 832px;
height: 24px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 8px;
font-family: 'Lucida Console', Monaco, monospace;
font-size: 16px;
font-weight: bold;
color: white;
background-color: black;
border-left: 2px solid white;
border-right: 2px solid white;

}

nav ul {

margin: 0;
padding: 0;
padding-left: 3px;
width: 840px;
text-align: center;
valign: center;

}


nav li {

list-style: none;
float: left;
height: 24px;
padding-left: 11px;
-webkit-padding-left: 11px;
-moz-padding-left: 16px;
-o-padding-left: 11px;
-ms-padding-left: 16px;
padding-right: 11px;
-webkit-padding-right: 11px;
-moz-padding-right: 16px;
-o-padding-right: 11px;
-ms-padding-right: 16px;
position: relative;
background-color: black;
color: white;

}

Ich nehme mal stark an, dass ich für die Browser-spezifischen Angaben den Syntax anders schreiben muss. Nur wie muss dieser Syntax bez. auf das padding genau aussehen?

Habe im Web mit diversen Suchbegriffen keine passende Antwort finden können.

Hoffe, es ist erkennbar, was ich versuche zu erreichen.


Vielen Dank schon mal im voraus!


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...