Hallo in die Runde,
seit mehreren Tagen übe ich mich lokal an diesem Problem. Weder finde ich selber die Lösung, noch passende Antworten auf meiner Internetsuche. Es mag ein einfaches Problem sein, jedoch bitte ich um Nachsicht da ich mich leider noch nicht so gut mit CSS auskenne.
Ich habe folgenden HTML-Bereich
<div class="search-box">
<form id="search" action="./xyz.php?" method="get">
<fieldset>
<input title="Eingabe der gesuchten Wörter" name="keywords" id="keywords" type="search" maxlength="128" size="20" value="" placeholder="input: Sucheingabe …" />
<button title="Suchbutton" type="submit" title="Suche">
button: Suche
</button>
<a title="Aufruf der erweiterten Suche" href="./xyz.php?">
link: Erweiterte Suche
</a>
</fieldset>
</form>
</div>
Die hier aufgeführten input-/button-/a-Elemente sollen alle 2em hoch sein, auf der gleichen Fluchtlinie auf einer Zeile liegen, mit rotem Rahmen versehen sein und der jeweilige Text innerhalb der Rahmen vertikal und horizontal zentriert sein.
Ich bekomme es auf den Browsern IE 8 + Firefox 40 + Opera 12 zum Verrecken nicht hin - die Elemente sind unterschiedlich hoch und liegen an unterschiedlichen Fluchtlinien.
Habt Ihr einen Tipp bzw. Link für mich?