Ich habe das mal schnell umgesetzt und dazu deinen HTML-Code von oben benutzt. Als Bild das im Anhang
HTML-Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
*{margin:0;padding:0;}
.mainsite{
background:#600;
width:900px;
margin: auto;
padding:100px 10px 20px;
}
.category-view{
background:#fff;
width:700px;
margin: auto;
height: 170px; /* alternativ -> overflow: hidden; */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.row {
float:left;
left:50%;
position:relative;
}
.category {
float: left;
right: 50%;
position: relative;
}
.spacer{padding:10px;}
</style>
</head>
<body>
<div class="mainsite">
<div class="category-view">
<div class="row">
<div class="category floatleft width3 vertical-separator">
<div class="spacer">
<h2><img src="raritaeten9_90x90.jpg" alt="raritaeten9" /></h2>
</div>
</div>
<div class="category floatleft width3 vertical-separator">
<div class="spacer">
<h2><img src="raritaeten9_90x90.jpg" alt="raritaeten9" /></h2>
</div>
</div>
<div class="category floatleft width3 vertical-separator">
<div class="spacer">
<h2><img src="raritaeten9_90x90.jpg" alt="raritaeten9" /></h2>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
VG
@explanator
mir ist das nur aufgefallen, es war keinesfalls nur auf dich bezogen, ich finde es jedenfalls schade. Versetzt euch auch mal in die Lage des Hilfesuchenden, meist liegt es nur an Kleinigkeiten (hier war das Problem für mich sofort ersichtlich), man kommt aber nicht weiter und dann soll man komplette Projekte dokumentieren und erklären - da läuft irgendwas falsch.