Ich weis nicht ob ich hier richtig bin oder ob ihr mir bei so etwas auch Helfen könnt aber ich Versuche es mal
Ich habe in css leider noch nicht so viel Erfahrung hat jemand eine Hilfreiche Idee damit beide gleich Groß sind
HTML
<div class="vypex-stream"><iframe height="300" width="400" src="https://player.twitch.tv/?channel=vypex" frameborder="0" allowfullscreen></iframe></div>
CSS
.vypex-stream {
position: relative;
padding-bottom: 50%; /* ratio 16x9 */
height: 0;
overflow: hidden;
width: 100%;
height: auto;
margin-top: 15px;
}
.vypex-stream iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ratio 4x3 */
.vypex-stream.ratio4x3 {
padding-bottom: 75%;
}
Alles anzeigen
Das Problem ist wenn ich 2 Stück nebeneinander Setze ist einer etwas unterschiedlich hoch immer:
[Blockierte Grafik: http://image.prntscr.com/image/a88b737794d9415dafbbfef404feb95e.png]