CSS Aufklappmenü

Hier kann über alles diskutiert werden, wirklich alles. Betonung liegt auf "diskutiert", das ist also kein Freischein zum Spammen.
(Beitragszähler deaktiviert)
Antworten
Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

CSS Aufklappmenü

Beitrag von Latzhosenträger » 20. Jan 2011, 17:29

Hiho,

ich bastel gerade an etwas experimentellen, das ganze ist sozusagen V0,0001 Alpha.

Ich habe derzeit ein Problem mit einem Aufklappmenü. Es sieht so aus und funktioniert so wie es soll, nur irgendwie kommt danach eine leere Zeile und ich weiß nicht woher. :/

Sieht das jemand?

http://morgothbauglir.mo.funpic.de/webpage/

Edit:

Nebenwirkungen:
- der Content ist rechtsbündig (was eigentlich nur die Menüzeile sein sollte, die es aber nicht ist)
- Rahmen an der Menübox wird abgeschnitten (seitlich und unterhalb der leeren Zeile) wird abgeschnitten
Zuletzt geändert von Latzhosenträger am 20. Jan 2011, 17:35, insgesamt 1-mal geändert.

Benutzeravatar
Galak
Klauenbartrein
Beiträge: 1613
Registriert: 9. Jan 2007, 15:23
Wohnort: Welt 4
Kontaktdaten:

Re: CSS Aufklappmenü

Beitrag von Galak » 20. Jan 2011, 17:32

Also ich seh da keine leeren Zeilen. Mach mal nen Screen.
Bild

Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

Re: CSS Aufklappmenü

Beitrag von Latzhosenträger » 20. Jan 2011, 17:33

eine leere Zeile direkt unter dem Menü und über der content-box.
Da hört sogar der Rahmen am Rand und unten drunter auf (der war da, bevor ich das menü gepflanzt hab.)

Siehst dus jetzt?^^

Edit: Beachte den Edit im Startpost x)

Benutzeravatar
Galak
Klauenbartrein
Beiträge: 1613
Registriert: 9. Jan 2007, 15:23
Wohnort: Welt 4
Kontaktdaten:

Re: CSS Aufklappmenü

Beitrag von Galak » 20. Jan 2011, 17:36

Ach du meinst in der Site und nicht in den ausklappenden Menüs. Dein height in .menü ist einfach zu groß. Etwa 23px wären da besser. :)
Bild

Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

Re: CSS Aufklappmenü

Beitrag von Latzhosenträger » 20. Jan 2011, 17:42

Wow, danke.

Das Problem wäre gelößt.
Bleibt aber der Rest:
Der Rahmen unten ist immernoch weg (sieht man, wenn man zB 24px nimmt). Jeder Kasten hat ja an allen vier Seiten eine gestrichelte Linie als Rahmen, unter dem Menü ists einfach weggeschnitten. Dadurch fällt bei der jetzigen Lösung die "Dopplung" der Rahmen und die dazwischen liegende 1px große weiße Fläche weg.

Dazu soll das ganze noch rechtsbündig. (Das hab ich doch in mainnav angegeben?)
Und der content soll nicht rechtsbündig. Keine Ahnung, woher das kommt. War linksbündig bis zur Implementierung des Menüs.

Benutzeravatar
Galak
Klauenbartrein
Beiträge: 1613
Registriert: 9. Jan 2007, 15:23
Wohnort: Welt 4
Kontaktdaten:

Re: CSS Aufklappmenü

Beitrag von Galak » 20. Jan 2011, 17:45

Da beißt sich dein css wohl. Zuerst mal zu dem Rand ...du musst die Pixelangabe eher in .menü korrigieren und nicht in #mainnav ... bzw. beide angleichen.

Edit: Der Content wird durch #mainnav nach rechts geschoben. Du hast da einem div welches um Navigationsleiste und Content gelegt ist, die class mainnav zugewiesen.
Bild

Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

Re: CSS Aufklappmenü

Beitrag von Latzhosenträger » 20. Jan 2011, 17:49

hm, mainnav und menu haben ja auch den exakt selben Bereich angesprochen. Ich doof -.-

Danke :D

Benutzeravatar
gloop
Gelbbart-Yeti
Beiträge: 2377
Registriert: 28. Dez 2003, 00:24
Kontaktdaten:

Re: CSS Aufklappmenü

Beitrag von gloop » 26. Jan 2011, 19:33

kleiner Rat meinerseits.

So menüs sind zwar toll, aber haben ein entscheidenen Nachteil.

Nicht jeder Browser unterstützt so moderne CSS Befehle. Rentabler wäre das mit JQuery zu lösen.

Hatte selbst damit probleme.

gloop

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 15 Gäste