Wie dieses DIV realisieren

[Thomas]

Hi,

ich bin auf der Suche nach der Möglichkeit, ein DIV so über eine Seite zu überlagern, wie hier:
https://fosswiki.liip.ch/display/BLOG/LiveSearch (Suche linke Seite).
Wie muss ich meine Style-Params des DIV einstellen?
Suche war erfolglos....

Vielen Dank
Thomas

[jobo]

Hallo,

hat in jedem Fall nix mit PHP zu tun.

Gruß

jobo

[suit]

ich bin auf der Suche nach der Möglichkeit, ein DIV so über eine Seite zu überlagern, wie hier:
https://fosswiki.liip.ch/display/BLOG/LiveSearch (Suche linke Seite).

Stichworte sind "Suggest", "Autovervollständigung" oder ähnliches - mit CSS alleine ist das nicht möglich, etwas JavaScript wird man brauchen (und eine Schnittstelle, die per Ajax, REST oder vergleichbares mit JavaScript abrufbar ist).

Wie muss ich meine Style-Params des DIV einstellen?

[computed style] {  
  border-spacing: 2px;  
  bottom: 49px;  
  box-sizing: content-box;  
  color: #000000;  
  cursor: auto;  
  display: block;  
  font-family: Helvetica;  
  font-size: 13px;  
  font-weight: 400;  
  height: 0px;  
  left: 1px;  
  line-height: 16.9px;  
  padding-left: 4px;  
  right: 251px;  
  top: 49px;  
  width: 246px;  
}

Suche war erfolglos....

Wie du oben siehst war meine Suche unmittelbar binnen weniger Sekunden erfolgreich - wie hast du denn gesucht, wenn ich fragen darf?

[Thomas]

Hi,

die AJAX-Funktion klappt, allerdings wird bei mir ein DIV geöffnet (in meiner Tablle), und das verzerrt den ganzen COntainer, sprich Suchergebnisse sind im TD-Element und machen aus einer Zeile mehrere...
Gesucht habe ich nach IDV überlagern.
Grüße
Thomas

[suit]

die AJAX-Funktion klappt, allerdings wird bei mir ein DIV geöffnet (in meiner Tablle), und das verzerrt den ganzen COntainer, sprich Suchergebnisse sind im TD-Element und machen aus einer Zeile mehrere...

Dein Problem ist also ein reines CSS-Problem und hat nichts mit PHP zu tun.

Gesucht habe ich nach IDV überlagern.

Ggf. hilft dir das <http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Kapitel zur Positionierung von Elementen> weiter.