Kilian: Einen Div automatisch auf maximale Breite bringen

Beitrag lesen

Hi,

als erstes mal der Quelltext:

<html>  
	<head>  
		<title>test</title>  
		<style type="text/css">  
			.container{width:1200px;background-color:#ddd;height:400px;}  
			.eins, .zwei, .drei, .fuenf, .sechs{float:left; width:100px;}  
			.eins {background-color:#f00}  
			.zwei {background-color:#0f0}  
			.drei {background-color:#00f}  
			.vier {background-color:#ff0}  
			.fuenf {background-color:#f0f}  
			.sechs {background-color:#0ff}  
		</style>  
	</head>  
	<body>  
		<div class="container">  
			<div class="eins">  
				Nr.  
			</div>  
			<div class="zwei">  
				name  
			</div>  
			<div class="drei">  
				surname  
			</div>  
			<div class="vier">  
				info  
			</div>  
			<div class="fuenf">  
				status  
			</div>  
			<div class="sechs">  
				edit  
			</div>  
			  
		</div>  
	</body>  
</html>

Mein Problem liegt darin, dass sich der div mit der class "vier" automatisch immer auf die verbleibende Breite ausweiten soll. Die Breiten sind hier nur Beispiele und sind im Original immer unterschiedlich.

Die Funktion dahinter: Das Feld "info" wird voraussichtlich immer die meisten/relevantesten Informationen enthalten. Deswegen soll es am breitesten werden.

Ich hoffe ihr könnt mir helfen...

Viele Grüße,
Kilian