Dropdown-Menue wird nicht komplett dargestellt

Dropdown-Menue wird nicht komplett dargestellt

Beitragvon kaffee » 11.01.2007, 11:04

Hallo zusammen!

Ich hoffe ihr könnt mir auf die Sprünge helfen.
Ich bastel jetzt schon den ganzen Tag an einem CSS-Drop-Down Menue rum und an irgendeinem Punkt den ich nicht mehr nachvollziehen kann hat es plötzlich nur noch einen der Punkte dargestellt. Diesen allerdings an der korrekten Stelle und voll funktionsfähig - es fehlen halt nur plötzlich die restlichen.
Ich komm nicht dahinter warum...

hier mal der Code:
Code: Alles auswählen
#menuebox
{
position:absolute;
left: 200px; top:35px;
height: 30px;
}

.stupidie
{
display: none;
}

#menue
{
position:absolute;
left: 200px; top:35px;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen
{
position:absolute;
left: 200px; top:35px;
color:#4682B4;
font-size:13px;
text-decoration:none;

display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
text-align: center;
background-color: #ffffff;
border: none;
border-color: none;
}

#menue .aussen:hover
{
height: auto;
background-color: #ffffff;
color: #4682B4;
}

a.innen-1
{
margin-top: 2px;
}
a.innen, a.innen-1
{
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: none;
background-color: #ffffff;
color: #4682B4;
}

a:visited.innen, a:visited.innen-1
{
background-color: #ffffff;
color:#4682B4;
}

a:hover.innen, a:hover.innen-1
{
background-color: #ffffff;
color: #483D8B;
}

span.menutag
{
display: block;
cursor: default;
}


und das zugehörige html:
Code: Alles auswählen

<div>
  <div>
    <span>home</span>
      <a>blog</a>
      <a>impressum</a>
    </div>
    <div>
      <span>links</span>
    </div>
    <div>
      <span>fotos</span>
    </div>
    <div>
      <span>irc</span>
    </div>
    <div>
      <span>buecher</span>
        <a>Trudi Canavan</a>
        <a>Wolfgang Hohlbein</a>
        <a>Lynn Flewelling</a>
    </div>
</div>
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany

Beitragvon kaffee » 15.01.2007, 16:29

Fällt keinem was zu ein?
Habt ihr nicht wenigstens konstruktive Gegenvorschläge?
Irgendwas? Bitte?
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany

Beitragvon Laus » 15.01.2007, 17:22

Hallo

Ein Link dazu wäre nicht schlecht und würde eine Antwort sehr vereinfachen.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon kaffee » 16.01.2007, 11:06

Wenn euch ein Link weiterhilft, gerne:

http://www.kriegszauberer.de/stuff/linkstest.html

Es geht um das unter der ursprünglichen Navi-Leiste etwas verloren wirkende 'buecher'. Das ist eigentlich nen ganzes Menue, es wird aber nur der letzte Teil dargestellt.
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany

Beitragvon Laus » 16.01.2007, 11:50

Hallo

Ändere dein CSS folgendermaßen um dann klappts.
Code: Alles auswählen
#menue
{
position:absolute;
left: 400px; top:70px;
}

#menue .aussen
{
color:#4682B4;
font-size:13px;
text-decoration:none;

display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
text-align: center;
background-color: #ffffff;
border: none;
}

Die Spans darfst du nicht nochmals absolut positionieren

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon kaffee » 16.01.2007, 12:04

Danke, jetzt wird es komplett dargestellt.
Leider gibts jetzt ein neues Problem: es ignoriert die Positions-Angabe und das Menue ist untereinander anstelle nebeneinander angeordnet. *verwirrt*
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany

Beitragvon Laus » 16.01.2007, 12:06

Ach ja und nimm bitte dieses .......das Landgericht hat mit Urteil........ aus deinem Impressum, dieses Urteil hat es so wie hier beschrieben direkt nie gegeben.
Einen guten Überblick dazu bekommst du auf dieser Seite

Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon kaffee » 16.01.2007, 12:09

Danke für den Link :-D
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany

Beitragvon Laus » 16.01.2007, 12:19

setze ein float:left; in dein #menue .aussen dann werden die divs nebeneinander angezeigt. Was meinst du mit ignoriert die Positionsangabe?
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon kaffee » 16.01.2007, 12:27

Danke! :D
Da hätt ich auch allein drauf kommen können -.- bin wohl noch nicht so ganz wach.
Mit 'es ignoriert die Positionsangabe' meinte ich, dass es komplett oben links im Eck gehangen ist. Hat sich aber mit dem float jetzt auch geregelt.
Tausend Dank!
"Think of me long enough to make a memory..."
...josta kuolema teki minusta taiteilijan...
Benutzeravatar
kaffee
neu hier
 
Beiträge: 6
Registriert: 11.01.2007, 10:57
Wohnort: Munich/Germany


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Dropdown-Menue wird nicht komplett dargestellt"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

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