Moin,
Ich habe ein Bootsrap 4 Img Slider oben in einem Template eingefügt, jedoch passt sich die höhe des Bildes an der Breite des Bildschirms an.
Ich möchte aber gerne dass das Bild maximal so hoch ist wie der Bildschirm.
Hab es schon im CSS code mit heigth: 100vh; das hat aber leider absolut nichts verändert.
Kann mir da evtl. jemand helfen?
LG
Sonac
Bootsrap Imageslider Vollbild Format
Re: Bootsrap Imageslider Vollbild Format
also ohne Bootstrap zu kennen würde ich mal vermuten, das du ein !important anhängen mußt, da die Breite/Höhe ja von Bootstrap gesetzt wird. Falls hier noch js zum Einsatz kommt, hast du da natürlich wenig Möglichkeiten, denn da wird sicher das definierte css überschrieben.
webEdition-Kern-Entwickler
Re: Bootsrap Imageslider Vollbild Format
Ich würde den Slider in ein div stecken und dann die maximale Höhe des div festlegen.
Code: Alles auswählen
<div id="sliderdiv">
Dein Slider
</div>
//CSS
div#sliderdiv {
max-height: 100vh;
overflow: hidden;
}
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste