Bästa sättet att centrera div med CSS?

K@llenMedlem sedan mars 20032 667 inlägg

8 jan. 2006 21:45#1

Hej,

Jag har suttit och pulat med en centrering både horisontellt och vertikalt. Med hjälp av Google har jag mixat olika tips och kommit fram till en fungerande lösning. Åtminstone på webbläsarna (IE, FF, Opera, Safari, Netscape) för Mac. Här är koden, kan jag utföra samma sak på ett smidigare sätt?

body 
	{
	margin: 0;
	padding: 0;
	}

#container        
	{
	color: white;
	background-color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block
	}

#content    
	{
	background-color: #e4e4e4;
	border: 2px solid #ccc; 
	margin-left: -380px;
	position: absolute;
	top: -155px;
	left: 50%;
	width: 760px;
	height: 310px;
	visibility: visible
	}

	<body>
                <div id="container">
			<div id="content">
				<p>Innehåll</p>
			</div>
		</div>
        </body>