Tom: Mehrere Container nebeneinander horizontal zentrieren

Beitrag lesen

Hello,

Hi,

Ich weiß nicht, ob es richtig ist, aber ich würde mit drei DIV-Elementen experimentieren.

Ich bin überrascht!
Ich hätte angenommen, dass dies eine triviale Geschichte ist, die schon zig-Male vorkam.
Dass man in der Webseitenerstellung experimentieren muss, das überrascht mich noch mehr!
Ich werde also morgen den Experimentierkasten öffnen;-)

So könnte es gehen.
Was Du nun in die DIVs rein tust, müsste wieder relativ egal sein...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Beschreibung der Seite</title>

<style type="text/css">

#main{  
	  
	border:1px solid blue;  
	text-align:center;  

}  
  
#left{  
	width:200px;  
	height:300px;  
	border:1px solid red;  
	display:inline-block;  
}  
  
#center{  
	width:200px;  
	height:300px;  
	border:1px solid red;  
	margin-left:10px;  
	margin-right:10px;  
	display:inline-block;  
}  

#right{  
	width:200px;  
	height:300px;  
	border:1px solid red;  
	display:inline-block;  
}  

	  
</style>  

</head>
<body>

<div id="main">  
	<div id="left">1</div>  
	<div id="center">2</div>  
	<div id="right">3</div>	  
</div>	  

</body>
</html>

Liebe Grüße aus dem schönen Oberharz

Tom vom Berg

--
 ☻_
/▌
/ \ Nur selber lernen macht schlau
http://bikers-lodge.com