Guten Abend miteinander

Ich mache meine ersten Gehversuche in Zusammenhang mit CSS und Layout.
Nun versuche ich, gemäss meiner Screeendesign-Vorlage das ganze nun mit Hilfe von CSS umzusetzen. Dabei sind so einige Probleme aufgetaucht, für die ich bisher keine funktionierende Lösung finden konnte:

1. Wie kriege ich es hin, dass die Unternavigation andere "Aufzählungszeichen" als die eigentliche Hauptnavigation hat?

2. Wie soll ich die "Fusszeile" umsetzen, d.h. wie kann ich die einzelnen Elemente wie Impressum, Copyright, Seite drucken, etc. plazieren?

3. Wie bringe ich dem IE bei, dass die Abstände richtig interpretiert werden?

Mein Gehversuch ist zu finden unter:
CSS-File dazu:

Danke für eure Hilfe und Zeit im Voraus!

Gruss, aermu

1. mit list-style-image: url(datei)
2. mit <ul><li></li>...
3. mit den sogenannten IE Hacks z.B. kannst Du mit
width: 80px !important; und dann in der nächsten Zeile
width: 100px; dem IE 100px unterschieben und die anderen
Browser nehmen 80px.

Der IE7 steht vor der Tür, IE-Hacks muß man demnächst wohl erstmal daraufhin abklopfen, ob sie noch funktionieren bzw. nötig sind. @@

Außerdem hat sich die gute Arbeit von MS gelohnt: Der IE7 ist zwar noch nicht richtig da, aber dafür schon die erste Sicherheitslücke @@

Ja, das mit den Hacks wird bestimmt noch witzig. So wie man MS einschätzen kann wird das eine Katastrophe werden.

das lesen

alle

danke für die Hinweise, bin sie am "durchackern"

freeroot

habs nun so hingekriegt, dass die Aufzählungszeichen nun stimmen, die restlichen Hinweise versuche ich noch umzusetzen.......

Hallo,

Für folgendes Markup:

<ul>
<li>Ebene 1</li>
<li>Element</li>
<ul>
<li>Ebene 2</li>
</ul>
<li>Element</li>
</ul>

...hast du folgenden CSS-Code:

/* also zuerst den generellen Listenstil */

ul li {
list-style-type: decimal;
}

/* und dann den Stil für ein Listenelement einer untergeordneten Liste */

ul ul li {
list-style-type: circle;
}

Leicht, oder?

Ach ja: für deinen Fall müsstest du statt "list-style-type" "list-style-image" nehmen.

redesigner

das stimmt so leider nicht ganz. Wenn ich mich nicht irre muss das Untermenue wie folgt gemacht werden:

<ul>
<li>Ebene 1 Element</li>
<li>Ebene 1 Element</li>
<li>
<ul>
<li>Ebene 2 Element</li>
<li>Ebene 2 Element</li>
</ul>
</li>
<li>Ebene 1 Element</li>
</ul>

Ansonsten ist das nicht w3c konform und der IE zeigts in diesem Fall falsch an (da verhält er sich mal so wie es sein kann, die anderen Browser ignorieren das).

Ach ja, stimmt - das hatte ich fast vergessen. Ich arbeite seit einem Monat nicht mehr mit HTML und CSS - Ich steige gerade auf Servlets um.(..)