Garbanas
Cadet 4th Year
- Registriert
- Mai 2010
- Beiträge
- 72
Hallo alle zusammen
Eine Lösung zu dem folgenden Problem habe ich bereits, jedoch frage ich mich, ob es nicht eleganter geht.
Nimmt man unten angefügten Code und verkleinert das Browserfenster auf unter 850px Breite, so dass die Scrollbalken auftauchen, und bewegt sich dann auf die ganz rechte Seite innerhalb des Fensters, dann verschwinden die Hintergrundfarben, da sich die Elternelemente der Breite des Fensters anpassen.
wird zu
Gibt man im CSS für die Eltern-Container jeweils eine passende Mindestbreite (min-width) an, dann funktioniert natürlich aller super.
Meine Frage ist: Geht es auch anders? Kann ich irgendwie nur die Breite des Content-Elements festlegen während die anderen Elemente genau bis zum rechten Ende eben dieses Elements reichen?
Danke für Eure Antworten
Garbanas
Eine Lösung zu dem folgenden Problem habe ich bereits, jedoch frage ich mich, ob es nicht eleganter geht.
Nimmt man unten angefügten Code und verkleinert das Browserfenster auf unter 850px Breite, so dass die Scrollbalken auftauchen, und bewegt sich dann auf die ganz rechte Seite innerhalb des Fensters, dann verschwinden die Hintergrundfarben, da sich die Elternelemente der Breite des Fensters anpassen.
wird zu
HTML:
<html>
<head>
<title>Test</title>
<style type="text/css">
.outer {
padding: 10px 0;
background-color: LightSkyBlue;
}
.inner {
margin-left: 450px;
background-color: SpringGreen;
}
.content {
padding: 10px;
width: 400px;
height: 300px;
border-left: 2px solid red;
border-right: 2px solid red;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner">
<div class="content"><h1>Lorem ipsum dolor sit amet</h1></div>
</div>
</div>
</body>
</html>Gibt man im CSS für die Eltern-Container jeweils eine passende Mindestbreite (min-width) an, dann funktioniert natürlich aller super.
Meine Frage ist: Geht es auch anders? Kann ich irgendwie nur die Breite des Content-Elements festlegen während die anderen Elemente genau bis zum rechten Ende eben dieses Elements reichen?
Danke für Eure Antworten
Garbanas
