Druckbare Version
Hallo,
2 DIV Container sind nebeneinander in 1 Zeile
- Zeile hat max. 1000px Breite
- DIV 1 hat fixe Breite von 400px
- DIV 2 hat variable Breite (den kompletten Restplatz)
Wird das Browerfenster kleiner als 1000px, soll DIV 1 immer fix bleiben, DIV 2 immer den verbleibenden Platz komplett einnehmen.
Habe verschiedenes versucht, auch mit flexbox, aber noch keine Lösung gefunden.
Vielen Dank für Hinweise.
Poste einen Link zur Seite oder...Zitat:
Zitat von mv-soft
Wenn das nicht möglich ist, am einfachsten machst du es uns mit einem CodePen :)
Sollte sowohl mit Flexbox als auch mit Grid gehen. Irgendwann wird Dein zweites Div aber zu schmal werden.
Wenn es bei Dir nicht funktioniert hat war entweder Dein Code nicht tauglich für Dein Vorhaben oder etwas anderes spielt mit rein. Deshalb wie @zoglo schon sagte poste einen Link zur Seite.
Alternativ poste wenigsten Deinen Code, der nicht funktioniert hat.
Das wird mv-soft als Webentwickler im Jahr 2024 (bald 2025) schon wissen https://www.mv-soft.de/.Zitat:
Zitat von mlweb
Daher frage ich hier nach einem CodePen oder der Website.
Es scheint komplizierter zu sein, als etwas, was mv-soft einfach lösen könnte - sonst hätte man nicht hier danach gefragt:eek:
verstehe ich das richtig was du benötigst?
Code:<div class="container">
<div class="fixed">DIV 1 (fix 400px)</div>
<div class="flexible">DIV 2 (variable Breite)</div>
</div>
wie Maren jedoch schon beschreibt ... irgenwann wird die 2.Spalte zu schmal » @media() wäre dann hierzu dein Freund :DCode:.container {
display: flex;
max-width: 1000px;
width: 100%;
margin: 0 auto; /* Zentriert die Zeile bei großen Bildschirmen */
}
.fixed {
width: 400px; /* Feste Breite */
background-color: lightblue; /* Optional: Zur Visualisierung */
}
.flexible {
flex: 1; /* Nimmt den verbleibenden Platz ein */
background-color: lightgreen; /* Optional: Zur Visualisierung */
}
Vielen Dank für die Antworten.
Der Beispiel- Code von 'derRenner' war exakt zutreffend,