Jochen Schmitz: Umbruch verschachtelter DIV unterbinden

Beitrag lesen

SELF-Forum

Umbruch verschachtelter DIV unterbinden

Jochen Schmitz
– Informationen zu den Bewertungsregeln

Hallo zusammen...
ich habe einen DIV als Container für weitere darin enthaltene DIV-Elemente. Der äußere DIV hat eine feste Breite und Höhe, overflow ist auf auto gestellt.
Die Anzahl der enthaltenen DIVs ist variabel und kann somit die feste Breite überschreiten. Durch den Umbruch werden die enthaltenen Elemente leider untereinander angeordnet. Das soll nicht passieren, sondern die Elemente sollen in einer Zeile bleiben und nebeneinander stehen.

der Code:

  
<html>  
<head>  
<style>  
#ausgabe{  
	width:700px;  
	height:300px;  
	overflow:auto;  
	background-color:#aaaaaa;	  
	white-space:nowrap;	  
}  
  
.item{  
	width:200px;  
	height:200px;  
	background-color:#bbbbbb;  
	border:1px solid #000;  
	margin:5px;  
	float:left;	  
	display:inline;  
}  
  
</style>  
</head>  
<body>  
<div id="ausgabe">  
  
	<div class="item">  
	</div>  
	<div class="item">  
	</div>  
	<div class="item">  
	</div>  
	<div class="item">  
	</div>  
  
</div>  
</body>  
</html>

was muss ich machen, damit die inneren DIVs nicht umgebrochen werden?
Gruß,
Jochen

Beitrag melden
–
Informationen zu den Bewertungsregeln