Hi,
ich möchte 3 Divs nebeneinander packen. Die Divs sollen in einem Container liegen und die 2 äußeren Divs sollen feste breiten haben. Der innere div soll nur so breit werden wie möglich.
Mit Tabellen wäre das einfach, aber wie bekomme ich das mit css und divs hin?
<html>
<head>
<title>Bla</title>
</head>
<body style="background-color: #000000;">
<div align="center">
<div style="width: 500px; background-color: #ffffff; height: 200px;">
<div style="width: 100px; background-color: #FF0000; float: left;">a</div>
<div style="background-color: #00FF00;">b</div>
<div style="width: 100px; background-color: #0000FF; float: right;">c</div>
</div>
</div>
</body>
</html>
Die Besonderheit ist eben, dass der Container eine relative Größe haben soll / je nach Inhalt unterschiedlich groß werden soll, weswegen in den mittleren div nicht absolut angeben möchte.
Ein möglicher Weg wäre natürlich die Breite des Divs in JS zu berechnen und dann zuzuweisen.