div container responsive

Thema wurde von Anonymous, 26. Januar 2018 erstellt.

  1. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Hallo zusammen,

    ich habe einen div container mit farbigen Hintergrund und der Höhe 100px. Nebendran ist ein Bild ebenfalls mit der Höhe 100px. Das Bild ist der Klasse: img-responsive zugewiesen.

    Meine Frage ist jetzt wie bekomme ich den container responsive. Ich möchte das sich die Höhe vom Container genauso verkleinert wie das Bild. Gibt es dafür einen schlauen CSS Befehl?

    Danke
     
  2. Developer
    Developer Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    3.149
    Danke erhalten:
    718
    Danke vergeben:
    127
    Hallo Michael,

    zeig uns mal deinen Code, um helfen zu können. Mich interessiert auch an der Stelle, wie Du die Farbe zugordnet hast. :)
     
  3. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    @Developer

    HTML:
    <div class="col-xs-12 col-md-4 col-lg-4 newsletter-box">
        <div>
                <div class="newsletter-anmeldung">
                        <p style="font-family:Ride my Bike W04 Pr Bold; font-size:320%; margin-bottom:-5px;">Newsletteranmeldung</p>
                        <p style="font-size:100%">Jetzt anmelden und einen 10% Gutschein sichern!</p>
                </div>
            </div>
    </div>
         
    <div class="col-xs-12 col-md-8 col-lg-8">
        <img alt="Sale" class="img-responsive" src="images/startseite/Header-Startseite_Sale_787x350px_1.png" style="float: right;" />
    </div>
    die Farbe habe ich als CSS eintragen

    Code:
    .col-xs-12.col-md-4.col-lg-4.newsletter-box {
    background-color: #8cb1b9;
    max-height: 350px;
    }
    So klappt es zumindest im Desktop
     
  4. Dan (sunnywall.de)
    Dan (sunnywall.de) Erfahrener Benutzer
    Registriert seit:
    16. April 2013
    Beiträge:
    1.264
    Danke erhalten:
    138
    Danke vergeben:
    122
  5. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    @Dan,

    Die 4 Bilder der Artikel ist kein Standard das habe ich mir bauen lassen. Ist Java Skript und CSS.