Frage
Wie kann ein DIV die restliche Breite ausfüllen
Frage von Transporter   |   vom 22.04.2014 - 19:11   |   Kategorie Internet
Mein Webseitenlayout besteht aus zwei nebeneinander gefloateten DIVs. Das rechte hat eine feste Breite, und das linke soll immer die Restbreite annehmen.

Wie kann ich das mit CSS lösen das der linke DIV die übrige Fensterbreite ausnutzt?
0
Antwort
Antwort von net   |   vom 25.04.2014 - 11:06
Einfach dem rechten Bereich die gewünschte Breite zuordnen, und mit Position rechts positionieren. Der linke flexible Bereich brauch nur noch mit Margin den Abstand der rechten Breite halten.

Code
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16

<style type="text/css">
<!--
.main { position:relative;}
.main .left { margin:0 200px 0 0; }
.main .right { width:200px;position:absolute;top:0;right:0; }
-->
</style>

<div class="main">

<div class="left">Inhalt links</div>
<div class="right">Inhalt rechts</div>

</div>

Ist getestet, und sollte auf Anhieb laufen.
0