 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
made
Threadersteller
Dabei seit: 24.04.2006
Ort: -
Alter: -
Geschlecht: -
|
|
| |
  |
 |
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: 
|
Verfasst Mo 24.04.2006 20:29
Titel
|
  |
|
Wie ich das sehe:
| Code: | body#home li#homenavi,
body#chapter1 li#chapter1navi,
body#chapter2 li#chapter2navi,
body#chapter3 li#chapter3navi,
body#chapter4 li#chapter4navi,
body#chapter5 li#chapter5navi,
body#chapter6 li#chapter6navi,
body#kontakt li#kontaktnavi,
body#impressum li#impressumnavi {
display: block;
list-style-type: none;
margin: 0px;
background-color:transparent;
text-decoration:none;
border-color:#069 #6cf #5bd white;
[b]padding:0.1em 0.1em 0.1em 0.9em;[/b]
color: #226;
width:99%;
} |
Hier vergibst du ein padding-left...Dadurch kommt imho der Abstand zustande.
Pack da das padding mal weg und schau nochmal nach. 
Desweiteren ist dein CSS ein wenig verwirrend:
- Der ID #navigation weißt du einerseits ein position:absolute zu, anderseits lässt du es links floaten. Du musst dich schon entscheiden 
- Ein Container hat eigentlich keine vordefinierte Abstände, sprich margin und padding mit dem Wert 0 ist hier unnötig.
Ebenso ist die Anweisung height:100%; sinnlos, da der Div ja nicht weiß wovon er 100% nehemn soll, oder hast du das noch im Elterndiv definiert? Wenn ja wäre ein min-height vorteilhafter.
- Eine Liste (ul) vornerein ein Blockelement, somit ist auch display:block; unnötig
- text-align:left ist ebenfalls ein vordefinierter Wert, unnötig. Wenn du in einem Elterndiv text-align:center definiert hast, dann reicht es auch das text-align für #navigation zu definieren.
- width:auto...wozu? Dazu noch als Hack für FF und Konsorten...
- #navi ul, li dir ist bewusst, dass du damit alle Listenpunkte definierst, nicht nur in der Umgebung von #navi ?
- Du definierst für die Links eine Breite von 99%, dazu noch die em-Angaben. Das gibt zusammen bestimmt mehr als 100% und kann somit fehlerhaft dargestellt werden (Boxmodell)
Gibt noch mehr, aber das mal im Groben
|
|
| |
|
|
|
Anzeige
|
|
|
njow
Dabei seit: 23.04.2006
Ort: Löhne
Alter: 38
Geschlecht:
|
Verfasst Mo 24.04.2006 20:29
Titel
|
|
|
hat nicht ganz geklappt oder
1. gibt es nen 404 error, denn es ist die index.php net index.html
2. hast da noch nen paar php errors
3. die seite ansich birgt noch fehler, wie fehlender doctype, falsche attribute ( natürlich nur, wenn du darauf besthest, dass die seite wc3 konform sein soll )
Zuletzt bearbeitet von njow am Mo 24.04.2006 20:34, insgesamt 1-mal bearbeitet
|
|
| |
|
|
made
Threadersteller
Dabei seit: 24.04.2006
Ort: -
Alter: -
Geschlecht: -
|
|
| |
|
|
njow
Dabei seit: 23.04.2006
Ort: Löhne
Alter: 38
Geschlecht:
|
Verfasst Mo 24.04.2006 20:38
Titel
|
|
|
|
so, habe das mal mit dem developer tool getestet, also wenn du das padding von 0.9em rausnimmst, und die width nicht auf 99%, sondern in der breite des menues, also in pixelangaben, angibst, dann gehts
|
|
| |
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Mo 24.04.2006 20:43
Titel
|
|
|
Hab ich doch gesagt...  2mal sogar. Ausführlich sogar 3 Posts obendrüber
|
|
| |
|
|
njow
Dabei seit: 23.04.2006
Ort: Löhne
Alter: 38
Geschlecht:
|
Verfasst Mo 24.04.2006 20:44
Titel
|
|
|
|
hab ich ja auch gemeint. aber die durchführung liegt ja net bei mir
|
|
| |
|
|
made
Threadersteller
Dabei seit: 24.04.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 24.04.2006 20:45
Titel
|
|
|
Also da muss ich mich wohl rechtfertigen:
mal vor ab: ich bin noch nicht fertig und vieles ist dazugekommen, um einfach zu probieren wie das Problem zu lösen ist (wie z.B. position:absolute und float)
| Zitat: |
- Der ID #navigation weißt du einerseits ein position:absolute zu, anderseits lässt du es links floaten. Du musst dich schon entscheiden *zwinker*
|
hat aber nichts mit der Navigation zu tun - ist ja nur der kasten drumrum...
| Zitat: |
- Ein Container hat eigentlich keine vordefinierte Abstände, sprich margin und padding mit dem Wert 0 ist hier unnötig.
Ebenso ist die Anweisung height:100%; sinnlos, da der Div ja nicht weiß wovon er 100% nehemn soll, oder hast du das noch im Elterndiv definiert? Wenn ja wäre ein min-height vorteilhafter.
|
min-height kappiert aber der IE nicht ...
| Zitat: |
- Eine Liste (ul) vornerein ein Blockelement, somit ist auch display:block; unnötig
|
tut aber nicht weh, und die navigation war "in ihrem früheren Leben" mal vertikal, und da muss es ein inline sein
| Zitat: |
- text-align:left ist ebenfalls ein vordefinierter Wert, unnötig. Wenn du in einem Elterndiv text-align:center definiert hast, dann reicht es auch das text-align für #navigation zu definieren.
- width:auto...wozu? Dazu noch als Hack für FF und Konsorten...
- #navi ul, li dir ist bewusst, dass du damit alle Listenpunkte definierst, nicht nur in der Umgebung von #navi ?
- Du definierst für die Links eine Breite von 99%, dazu noch die em-Angaben. Das gibt zusammen bestimmt mehr als 100% und kann somit fehlerhaft dargestellt werden (Boxmodell) |
breite auf 99%, damit im IE der gesamte Button anklickbar ist und nicht nur die schrift.
mit html>body {width:auto} setze ich die fehlerhafte Breite zurück.
==> Das funzt wunderbar bei den nicht-aktiven menüpunkten
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Problem mit Listen-Menü (horizontal)
CSS Listen Menü - komisches Margin
CSS Menü - Probleme mit IE
Probleme mit Menü
Probleme mit DHTML-Menü
CSS/Javascript Menü bereitet Probleme
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
