Peter: Html5 Sections zentrieren..

Beitrag lesen

SELF-Forum

Html5 Sections zentrieren..

Peter
– Informationen zu den Bewertungsregeln

Hallo,
ich kriegs einfach nicht hin die Sections auf der Seite zu zentrieren.

So sieht es momentan aus:
aktuell

Ich möchte die Sections aber zentriert auf der Seite ausrichten.
Ich weiß bzw. ich bin mir ziemlich sicher dass das Problem mit dem float: left; zu tun hat welches ich in section#zeile_1 verwende, aber wenn ich das nicht mache dann bleiben die Sections nicht nebeneinander..

Ich hoffe jemand kann mir helfen :)

HTML Code:

  
<!DOCTYPE html>  
  
<html>  
<body>  
<link rel="stylesheet" href="style.css" type="text/css">  
<style type="text/css">  
a:link { text-decoration:none; font-weight:bold; color:#800000; }  
a:visited { text-decoration:none; font-weight:bold; color:#800000; }  
  
a{  
	font-size: 14px;  
	color:white  
}  
  
  
  
section#zeile_1 {  
	background-color: #ffffff;  
	width: 20%;  
	margin: 0 25px;  
	color: #000000;  
	height: 150px;  
	float: left;  
	  
	  
	-moz-border-radius:10px 10px 10px 10px; /* Firefox - alte Syntax */  
	-moz-border-radius:10px 10px 10px 10px; /* Safari, Chrome - alte Syntax */  
	border-radius:10px 10px 10px 10px;; /* alle neuen Browser, W3C Standard */  
}  
  
footer {  
	font-size: 10px;  
}  
  
header {  
	text-align: center;  
}  
  
body {  
    font-size: 12px;  
    line-height: 1.3;  
    font-family: Arial, Helvetica, Sans-Serif;  
    color: #fff;  
    background: url('body-bg.gif');  
	text-align: center;  
}  
  
  
h3 {  
	font-size:16px;  
	font-family: Verdana;  
}  
  
  
</style>  
  
  
  
  
<body>  
	<section id="zeile_1">  
		<header>  
			<img src="img/user.png" />  
		</header>  
		  
			<p>  
				<a href="link.php">LINK</a>  
			</p>  
		  
		<footer>  
			<p>Kurze Beschreibung</p>  
		</footer>  
	</section>  
	  
	  
	  
	<section id="zeile_1">  
		<header>  
			<img src="img/user.png" />  
		</header>  
		  
			<p>  
				<a href="link.php">LINK</a>  
			</p>  
		  
		<footer>  
			<p>Kurze Beschreibung</p>  
		</footer>  
	</section>  
  
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />  
  
	<section id="zeile_1">  
		<header>  
			<img src="img/user.png" />  
		</header>  
		  
			<p>  
				<a href="link.php">LINK</a>  
			</p>  
		  
		<footer>  
			<p>Kurze Beschreibung</p>  
		</footer>  
	</section>  
  
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />  
  
	<section id="zeile_1">  
		<header>  
			<img src="img/user.png" />  
		</header>  
		  
			<p>  
				<a href="link.php">LINK</a>  
			</p>  
		  
		<footer>  
			<p>Kurze Beschreibung</p>  
		</footer>  
	</section>  
  
	<section id="zeile_1">  
		<header>  
			<img src="img/user.png" />  
		</header>  
		  
			<p>  
				<a href="extras/link.php">LINK</a>  
			</p>  
		  
		<footer>  
			<p>Kurze Beschreibung</p>  
		</footer>  
	</section>  
<!--<br /><a href="index.php">Home</a> | Eingeloggt als: <?php //echo $_SESSION["username"]; ?> (<a href="logout.php">Logout</a>) -->  
</body>  
<!-- FOOTER EINBAUEN -->  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln