mehrere divs nebeneinander zentriert

[kammerjaeger]

Hallo zusammen

Ich versuche mehrere Divs nebeneinander zentriert auszurichten. Im Netz finden sich diverse Möglichkeiten dazu, welche ich natürlich auch umzusetzen versucht habe - leider erfolglos. Ich vermute, da ist irgendwo noch ein Fehler (man liest immer wieder, dass das übergeordnete Div nicht 100% breit sein darf, aber das habe ich ja so umgesetzt. Ursprünglich hatte ich "width:100%-1px" angegeben, bin mir aber nicht sicher, ob das erlaubt ist. Funktionieren tut es...) drin und hoffe auf eure Hilfe.

Unten ein Auszug aus dem Code, einen Link mit Komplettansicht der Seite gibt es hier:
Seitenvorschau

  
.framediv	{  
		height:200px;  
		width:300px;  
		border:1px solid black;  
		padding:0 auto;  
		margin:15px;  
		float:left;  
		}  
  
  
.textdiv	{  
		text-align:center;  
		min-height:300px;  
		width:95%;  
		border:1px solid black;  
		padding:10px;  
		overflow:auto;  
		margin:0 auto;  
		}  

  
<div class="textdiv">  
	<div class="framediv">  
	</div>  
	<div class="framediv">  
	</div>  
	<div class="framediv">  
	</div>  
	<div class="framediv">  
	</div>  
</div>  

Vielen Dank für eine allfällige Hilfe :-)