Positionierung/Größe zweiter div-Container - Problem

  • Ich versuche mein Problem mal zu erklären:

    Meine Webseite hat einen Header. Das ist der erste div-Container (wrapper, grüne Umrandung).
    In diesem wrapper sind zwei weitere div-Container. Einer float:left (Haupt-Banner), der andere float:right (zweiter Banner).

    Mein Problem liegt jetzt darin, dass wenn ich das Browserfenster verkleinerere, der "zweite Banner" unter den "Haupt-Banner" rutscht.
    Was ich eigentlich vor hatte war, dass der "Hauptbanner" sich verkleinert und der "zweite Banner" NEBEN dem Haupt-Banner bleibt.

    Ist das irgendwie möglich?

    Hier eine Demo bei Fiddle: http://jsfiddle.net/g4dGz/1224/

    Grafik:

    Einmal editiert, zuletzt von DerAndere (17. Oktober 2015 um 21:14)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • versuch's doch mal beim #one das float:left wegzulassen und natürlich beim #two die feste breite.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich würde es beim #one damit versuchen:

    Code
    max-width:calc( 100% - 196px );

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!