Beiträge von Aslan44

Mit clear:both; klappts leider nicht das hat nur die verschachtelten divs voneinander getrennt

Ja genau, aber so, dass sich die Zahlen, die ich in Prozent angebe sich auf die obere Div bezieht und nicht auf die ganze Seite. Also wenn ich zB dem Suchfeld margin-top: 50%; als Wert zuweise, dann soll es in die Mitte des oberen Divs kommen. Wenn ich es mit kleinen Werten mache (wie zB margin-top: 4%, dann klappt es, weil diese 4% sich auf die ganze Seite bezieht. Das will ich aber nicht.
Hättest du ne Idee, wie ich es machen kann?
Danke im Voraus.

Hallo zusammen!

Ich habe 3 div's (oben, Mitte, unten). In der oberen div habe ich ein Suchfeld.
Wie kann ich das Suchfeld in Relation auf die obere div mit Prozenten nach unten und oben bewegen, sodass das Suchfeld auch in der oberen div bleibt?
(ich arbeite mit Bootstrap 3.3.7)

Das Suchfeld ist am roten Pfeil... Nochmal kurz: Es soll in der oberen (weißen) div bleiben, und ich will z.B. margin-top 50% eingeben, und dann soll es in die Mitte des oberen div's kommen und NICHT z.B. in die Mitte der ganzen Webseite.

<div class="container-fluid divTop">
        <div class="row parent">
            <div class="form-group">
                <div class="col-md-4 col-centered srchDiv">
                    <input type="text" class="form-control">
                </div>
            </div>
        </div>
   </div>


   <div class="container-fluid divMid" style="background-color:grey">

   </div>


   <div class="container-fluid divBot">

   </div>

CSS:

html, body {
    height: 100%;
}


.divTop {
    height: 14%;
}


.divMid {
    height: 69%;
}


.divBot {
    height: 17%;
}


.col-centered{
    float: none;
    margin: 0 auto;
}


.srchDiv {

}

Ich würde mich freuen, wenn ihr mir weiterhelfen könnt!

Vielen Dank im Voraus!