GELÖST: div class="mod_search block" - Such-Button-Formatierung auf ganzer Spalte

[LeoDesign]

Hallo zusammen,

das Thema ist vielleicht ein bisschen unglücklich ausgedrückt – ich weiß es leider nicht besser zu benennen!

Auf der Seite http://www.ferienwohnung-holzminden.de/ habe ich in der rechten Spalte zu oberst die Suche integriert (gerade zum Test 2x übereinander - nicht wundern). Dabei habe ich statt dem Normalo-Suchbutton eine Lupe eingebunden.
Leider bezieht sich diese Lupe auch auf alle anderen Buttons in der gesamten rechten Spalte. Das DIV-tag mit der Klasse class="mod_search block" geht erst nach dem letzten Modul der Spalte wieder zu. Wenn ich die Suche zu unterst setze, sind die anderen Buttons nicht betroffen. Kann mir einer sagen, warum das so ist und wie ich das unterbinden kann? Ich will doch nicht für jedes der anderen Module die Buttons extra formatieren. Und spezieller als jetzt weiß ich die Formatierung nicht einzuschränken – die anderen Buttons werden immer mit formatiert....

Wäre schön, wenn da einer Rat wüsste. Dank euch!
Gruß Gunnar

[thepixture]

Deine News und das Login-Modul sind ebenfalls innerhalb des #minisearch-containers untergebracht, deshalb sprichst du mit

#minisearch .formbody input.submit {
  background: url("../../files/ferienwohnung_holzminden/search.png") no-repeat scroll left top transparent;
  border-style: hidden;
  color: rgba(211, 192, 198, 0.01);
  height: 30px;
}

auch den submit.button vom Login an.
Eigentlich sollte nur dein Suchformular in dem #minisearch-container sein.

[LeoDesign]

Danke, dass du die Problematik nochmal genauer beschrieben hast. Das gleiche habe ich oben ja auch versucht zu erklären...

Die alles entscheidende Frage ist aber warum das so ist und wie ich es abstellen kann?

Wenn ich im Layout die Module positioniere, warum wird der DIV-Container nach der Suche nicht geschlossen? Ich kann das ja garnicht beeinflussen!

Gruß Gunnar

[LeoDesign]

Habe die Lösung gerade selber gefunden!

Folgender Beitrag hat mir geholfen: Grid Layout: 2 Module in einen Div

Dort erklärst du, thepixture, sogar selber die Lösung

#submenu .level_1 li

würde alle li-elemente auch in den tieferen ul ansprechen

#submenu .level_1 > li

nur die eigenen li Kindelemente

siehe auch Erklärung auf SelfHtml

Also habe ich aus
#minisearch .formbody input.submit
#minisearch .formbody > input.submit

gemacht und schon klappt es!
Gruß Gunnar

[thepixture]

Hast Du eventuell die Template-Datei für die Suche angepasst?
Ansonsten schau mal in das Template, ob da vielleicht schon von Haus aus der schliessende div-tag fehlt?

Mit der CSS-Anweisung umgehst du ja nur den Fehler

[LeoDesign]

Gute Frage - Respekt! Dem ist so! Daran soll's liegen?

Ich habe das Template nur mit einem

placeholder="Suche..."

erweitert, damit das im Suchfeld erscheint, sonst aber nichts daran geändert...

Und nun?

[LeoDesign]

Asche auf mein Haupt, ich habe den Fehler nun gefunden!

thepixture, du hattest mit dem Template doch Recht: Da schreibe ich extra, dass ich beim Template nur den placeholder eingefügt habe. Aber deinen Satz hätte ich mir doch etwas mehr zu Herzen nehmen sollen: In tiefer Umnachtung habe ich tatsächlich den div-tag gelöscht. Wie auch immer das passieren konnte...nun klappt es wieder. Danke nochmal für die Hilfe!