Sauberes Verschieben der SearchBox in Portal-Top

Pumukel

Hallo miteinander,

Ich habe heute eine kleine Frage bezüglich der Positionierung eines Viewlets. Der SearchBox . mit der LiveSearch.

Es ist damit eigentlich kein Plone Problem, sondern ein CSS Problem.

Die SearchBox soll in meinem Design Links stehen und nicht wie bei Plone normal Rechts. Das ist im prinzip einfach.

Leider muss ich die Positionierung der LiveSearch anpassen, da das sehr gute CSS von Plone, welche die LiveSearch ausklappt, diese immer noch rechtsbündig an der SearchBox ausrichtet und damit die LiveSearch bei mir links aus dem Bildschirm herausragt.

Weiss jemand wie ich die LiveSearch absolut präzise wie die orginal nutzen kann, bloss mit einer Linksbündigen Ausrichtung bezüglich der Searchbox.

Wichtig: eine einfache und Browser sichere Lösung wird gesucht.

ladybug

Hast du eine Lösung gefunden?
Ich habe derzeit ein ähnliches Problem, ich möchte die Searchbox allerdings in die Pathbar verschieben...

ladybug

Hallo Pumukel,
ich habe jetzt die Lösung zu meinem Problem gefunden, es ist eine Änderung in der main.css erforderlich Man muss eben nur herausfinden wie man an die verschiedenen Viewletts herankommt. Vielleicht hilft es dir auch weiter, sofern du noch keine Lösung gefunden hast...

Pumukel

Hi Ladybug,

die Änderungen in der main.css bzw. ich den entsprechenden Teilen der Stylesheets hatte ich auch schon lange gefunden. Aber danke dafür.

Das Problem bei mir war mal wieder die Interpretation des HTML/CSS Standards durch IE/Firefox/Safarie/Opera und den anderen gängigen Browsern.

Die normale Searchbox zu verschieben ist eigentlich sehr einfach. Problematisch wird es wenn man dann die Lifesearch entsprechen anders ausrichten möchte. Da alle Browser die CSS Anweisungen anders verstehen.

Gruss Pumukel

Torty

Versuch mal diese Styles als letzte gültige bei dir einzubauen. Notfalls mit !important

Code

#portal-searchbox {
    position: absolute;
    left: 0;
}
body #portal-searchbox .LSBox * {
    float: left;
}
body #LSResult {
    position: relative;
    margin-top: 2.0em;
    margin-left: 33.0em;
}

Alles anzeigen

* getestet nur im FF2.x

Pumukel

Danke Torty werde ich versuchen.

Gruss Pumukel

Tags