|
 |
  |
| Autor |
Nachricht |
hochst
Neuer [User]
Anmeldung: 07.09.06
Beiträge: 7
|
 Verfasst am: 07.09.2006, 15:15 Titel: Problem mit Firefox: erzeugt ungewollten Abstand |
 |
|
Hi,
ich versuche gerade eine horizontale Navigationsleiste, zu realisieren. Ich will die Menüpunkte über eine Button Navigation mit einem CSS Hover Effet ausstatten.
Jedenfalls ich ich dabei auf ein Problem gestoßen.
Wenn ich einen einfachen unformatieren Div-Block als Kontainer für die Navigation verwende (er bestizt nur sicherheitshalber die Eigenschaften: padding:0px und margin:0px) und diesem eine Hintergrundfarbe gebe, und den darin enthaltenen a Tags ebenfalls eine Hintergrundfarbe gebe (eine die sich von dem Navi Div Kontainer unterscheidet), dann fällt auf das der Firefox, den A Tags entweder ein margin-bottom:1px oder dem Navi Div ein padding-bottom:1px zuweist.
Das kann ich aber nicht korrigieren, d.h. es bleibt immer ein ungefähr 1 pixel breiter Abstand zwischen dem unteren Rand des Links und dem unteren Rand des Blocks.
Ich habe den Code auch im Opera und im IE Browser getestet, dort gibt es diesen Abstand nicht.
Welcher Browser liegt denn jetzt Richtig? Und gibt es vieleicht eine Möglichkeit das zu korrigieren?
Ich hätte eben gerne eine horizontale Navigation wie auf diesen Seiten, und diese Funktionen auch im Firefox ohne ungewollten Abstand:
 http://jendryschik.de/wsdev/einfuehrung/
http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml
Desweiteren ist mir aufgefallen, dass, wenn ich in der oben genannten Konstellation, den A-Tags einen Border zuweise, dann scheint der Border, keinen zusätzlichen Platz einzunehmen, sondern einfach, bei entsprechenden Dicke bis in über den Rahmen des Div-Kontainers zu wachsen, und nicht wie erwartet, diesen einfach zu vergrößern, denn der Div Kontainer hat keine festgelegte Höhe. Und dies tritt mind. beim Firefox und beim Opera auf.
|
|
| Nach oben |
|
 |
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 485
|
| Verfasst am: 07.09.2006, 17:16 Titel: |
|
|
Kannst du mal noch bitte den Link zu deiner HP oder den entsprechenden CSS und HTML-Code reinposten?
|
|
| Nach oben |
|
|
hochst
Neuer [User]
Anmeldung: 07.09.06
Beiträge: 7
|
| Verfasst am: 07.09.2006, 17:48 Titel: |
|
|
Nagut, hier ein kleines Beispiel:
| Code: | <html>
<head>
<title>Nur ein Test</title>
</head>
<body>
<div style="background-color:orange">
<a href="http://www.webseite.de" style="background-color:blue">Ein Link</a>
</div>
</body>
</html>
|
Nur beim FF wird ein kleiner Abstand erzeugt, bei keinem anderen Browser
EDIT:
nur mal so nebenbei, wenn man dem a Tag ein:
| Code: | | border:3px solid green |
In das Style Attribut hinzufügt, kann man schon mein zweites Problem sehen, d.h. eigentlich ist das kein, Problem, wenn das wirklich ein Standart, ist, das der Border des Inneren Elementes, über die Grenzen des Elternelementes hinausgeht, ohne dieses zu vergrößern, immerhin machen das ja alle Browser so (also FF, Opera und IE), ich dachte blos das es kein Standart ist.
|
|
| Nach oben |
|
|
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 485
|
| Verfasst am: 07.09.2006, 19:19 Titel: |
|
|
Kann dir leider keine Lösung anbieten, aber du hast eine PN, die dir vielleicht weiterhilft.
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
