z-index und position:relative

[fd0311]

Hallo :icon7:

Ich hab mal wieder ein Positionierungsproblem mit CSS...

Um es mal einfach zu machen ein Bild:

Dies ist ein Eingabefeld für Nicknamen, wo bei der Eingabe, mittels Ajax, nach passenden Nicks gesucht wird.
Das Problem ist nur, dass das div-Feld sich nicht über die anderen Formlular-Felder setzt, sondern dazwischen...

Hier der CSS-Code für den Div-Tag:

  .nickListe{
	border: 1px solid #CCCCCC;
	padding: 1px;
	position: relative;
	z-index: 3;
	display: none;
	width: 100px;
	font-family: Verdana;
	font-size: 10px;
	background-color: #FFFFFF;
  }
  .nickListe a:link{
	display: block;
	padding: 3px;
	color: #666666;
	text-decoration: none;
  }
  .nickListe a:hover{
	background-color: #EFEFEF;
  }

Und da ich das ganze genau unter der eingabe haben möchte, kommt position:absolute ungelegen, denn damit funktioniert es ja

Gibt es denn keine Möglichkeit mit z-index und position:relative oder eine andere die den zweck erfüllt?


Gruß Benni

 

[rasputin]

position:absolute klappt schon. du musst nur die absolute position und die höhe vom input wissen. dafür gibts schon fertige funktionen, z.b. in der yui bibliothek. diese bietet übrigens schon ein autocomplete widget an.

 

[fd0311]

hey danke sehr

ist nur doof, das ich jetzt gleich die ganze biliothek einbinden muss, nur weil ich diese eine funktion brauche... aber naja vielleicht find ich ja noch was anderes nützliches in der biliothek...

aber hauptsache es funktioniert erst mal
danke noch mal!


gruß Benni