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

Navbar pixelgenau ausrichten (browserübergreifend)

StrangeDays

Neues Mitglied
Hallo euch,

ich baue eine kleine, ziemlich unspektakuläre Website, in der ich eine Navbar direkt oberhalb meiner Contentbox andocken lassen möchte.
Wenn ich das Projekt auf meinen Webserver lade, sieht es mit Google Chrome und Firefox, unter Windows auch exakt so aus, wie ich mir das vorstelle, mit dem IE hingegen ergibt sich ein leichter Abstand zwischen Navbar und Contentbox.
Interessanterweise habe ich das Problem auch mit Firefox und Google Chrome, sowie mit Safari unter MacOS obwohl, wiegesagt FF und Chrome unter Windows die Website so wie gewünscht darstellen.

Hier mal die Darstellung in Firefox unter Windows: ff.JPG
und zum Vergleich die Darstellung im IE: ie.JPG

Ich würde ja ggf. eine oder mehrere Browserweichen verwenden aber merkwürdig ist wiegesagt, das die Abstände mit FF und Chrome auch unter MacOS nicht zu den gleichen Browsern unter Windows identisch sind.
Hab ich vielleicht einen Fehler begangen der für die erfahrenen User hier anhand der Bilder möglicherweise schon ersichtlich ist?
Danke schon einmal im voraus für die Hilfe.
 
Sind die Menüpunkte Bilder?

Dann musst du per CSS:

Code:
img {
vertical-align: bottom; // Eventuell auch ein anderer Wert, habs gerade nicht im Kopf ;)
}
 
Ich hoffe mal es sind keine Bilder ;) Denn diese Ansicht kann auch komplett per CSS realisiert werden.

Ohne Link zur betroffenen Seite kann man hierzu aber auch wenig sagen.
 
Hi und vorab schonmal danke für die schnellen Reaktionen.
Nein die Navbar besteht nicht aus Bildern, alles über CSS gelöst.

Die Homepage lautet Ingenieurbro Rohmann. (Die Seite ist noch im Aufbau befindlich deshalb zuviel Fließtext und unvollständige Rubriken aber zumindest wird das Problem sichtbar)
 
Ergänze mal in #menu li noch "float: left;" und ersetzte in #menu a das "float" durch "display: block;".
 
Danke für deinen Tip threadi, brachte leider keine Besserung. Das Problem mit unterschiedlichen Abständen wie oben illustriert bleibt weiterhin bestehen.
 
Zurück
Oben