Css-Dropdown - Submenu von rechts nach links

waswiewo

Erfahrenes Mitglied
Guten Tag leute,

Mein Problem ist Folgendes:

habe ein menu mit 3 "Buttons", beim over wird des Untermenu sichtbar. Funktionier alles einwandfrei, nur wie hesit der Befehl, dass es nicht von links nach rechts geht (Untermenu ist breiter als die buttons), sondern von rechts nach links.

Skizze:

soo soll es aussehen...
Code:
|            |   |              |   |||||||||||||||||

                       |***************************|
                       |***************************|
                       |***************************|
                        ***************************

und nicht so...
Code:
|            |   |              |   |||||||||||||||||

                                   |***************************|
                                   |***************************|
                                   |***************************|
                                    ***************************

Ich hoffe man kann mich verstehen.. habe mich schon dumm und dusselig gesucht/ probiert.

Bin für jeden Gandankenschubs dankbar!!

Mfg
 
Zuletzt bearbeitet:
Hi,

die Positionsangabe left für das Untermenü fällt dann negativ aus, beispielsweise left:-150px.

mfg Maik
 
Hi Maik,

Habe garkeine left Angabe drin. Und auch "left: -px;" hat keine Auswirkung. Habe ich evtl bei den "display" oder "position" - Angaben was nicht beachtet?
 
Wenn in deinem CSS keine left-Angabe enthalten ist, gilt die in der hiesigen und westlichen Welt übliche Schreibrichtung von links nach rechts (diretion left to right).

Ich hab zwischenzeitlich auch zwei Beispiele gesichtet, in denen left:-[xxx]px erfolgreich zum Einsatz kommt.

Warum es bei dir so nicht zum Laufen kommt, kann ich dir leider mangels Kenntnisse nicht sagen.

mfg Maik
 
Soo..

habe jetzt mal weiter rumprobiert, und siehe da o_O es funktioniert. Habe es nochmal mit der left-Angabe probiert. Dazu muss dann aber auch die Positionsangabe "relative", die hatte ich nicht.

Jetzt hab ich noch ein kleines Problem. Im IE (Version 8) wird alles richtig angeziegt. Aber im Firefox, der bei mir sonst weniger Probleme macht als der IW ist ein kleiner Abstand zu sehen.

HIER live zu sehen

habe bereits versucht:

Code:
top: -5px;

aber dies hat dann die Auswirkung, dass es im IE ebenfalls hochrutscht und überlappt.

Wie kriege ich das weg?

Mfg waswiewo
 
Die Ursache findet sich im HTML-Code bei den <img>-Elementen, deren Whitespaces im Anschluß (Tab-Einrückungen, Zeilenumbrüche) vom Browser interpretiert werden.

CSS:
img {
	border: 0px;    
	display:block; /* Block-Level-Charakteristika für Inline-Element <img> */
}

mfg Maik
 
Zurück