div container responsive

Thema wurde von Anonymous, 26. Januar 2018 erstellt.

  1. Anonymous

    Anonymous Beta-Held

    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

    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

    @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

  5. Anonymous

    Anonymous Beta-Held

    @Dan,

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