Frage stellen
Ich möchte eine Seite bauen, bei der mehrere Kästchen(feste Größe) zentriert angeortnet sind, ähnlich einer Thumbnail-Galerie, was ja noch nicht das Problem ist.
Die Anzahl der Kästchen soll von der Bilschirmbreite abhängig sein, dass habe ich mit float: left; soweit gelöst.
Mein Problem ist den grauen Rahmen an die Kästchen anzupassen und gleichzeitig zu zentrieren.
Vielen Dank schon mal im Vorraus,
Mattes
Und das wären meine Codes:
- Code: Alles auswählen
<html>
<head>
<title></title>
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" href="boxes.css" type="text/css" media="screen" />
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="frame">
<div class="box">
sdasd
</div>
<div class="box">
sdasd
</div>
<div class="box">
sdasd
</div>
<div class="box">
sdasd
</div>
<div class="box">
sdasd
</div>
<div class="box">
sdasd
</div>
<div class="box clear">
sdasd
</div>
</div>
</body>
</html>
- Code: Alles auswählen
body{
background: #800;
}
.frame {
margin-left: auto;
margin-right: auto;
color: #fff;
background: #fff;
padding:5px}
.box {
color: #fff;
background: #222;
margin:5px;
float:left;
width:200px;
padding:5px; }
.clear {
clear: both;
background: #200;
}
