Centreringsproblem

2 svar · 283 visningar · startad av Peeer 14 nov. 2004

PeeerMedlem sedan mars 20025 907 inlägg

14 nov. 2004 01:12#1

Har följande kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>strul</title>
<style type="text/css">
html,body {
	background: #fff;
	color: #000;
	font-family: Verdana, Helvetica, Arial, Serif;
	font-size: 12px;
}
#content {
	position: absolute;
	left: 50%;
	margin-left: -175px;
	margin-top: 50px; 
	width: 350px;
}

textarea {
	width: 300px;
	height: 75px;

}
</style>
</head>
<body>
	<form method="post" action="">
		<div id="content">
			Text hamnar rätt
			<textarea rows="1" cols="1" name="errmess"></textarea>
			<input type="hidden" name="err_referer" value=""/>
			<input type="hidden" name="err_url" value=""/>
			<input type="hidden" name="err_code" value="" />
			<input type="hidden" name="err_hash" value=""/><br />
			<input type="submit" value="Skicka felrapport!" />
		</div>
	</form>
</body>
</html>

Den ska centrera #content i sidled och placera den en bit från överkanten. Det gör den fint i firefox, och nästan i IE. Texten hamnar rätt, men formulärsfälten hamnar utanför diven på något vänster. Varför?

icaaqMedlem sedan okt. 20005 273 inlägg

14 nov. 2004 07:31#2

[red]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>strul</title>
<style type="text/css">
html,body {
	background: #fff;
	color: #000;
	font-family: Verdana, Helvetica, Arial, Serif;
	font-size: 12px;
        text-align: center;
}
#content {
        text-align: left;
	margin: 50px auto;
	width: 350px;
}

textarea {
	width: 300px;
	height: 75px;

}
</style>
</head>
<body>
	<form method="post" action="">
		<div id="content">
			Text hamnar rätt
			<textarea rows="1" cols="1" name="errmess"></textarea>
			<input type="hidden" name="err_referer" value=""/>
			<input type="hidden" name="err_url" value=""/>
			<input type="hidden" name="err_code" value="" />
			<input type="hidden" name="err_hash" value=""/><br />
			<input type="submit" value="Skicka felrapport!" />
		</div>
	</form>
</body>
</html>
[/red]

mv icaaq

PeeerMedlem sedan mars 20025 907 inlägg

14 nov. 2004 14:09#3

Tackar!
Men är det något fel på min kod egentligen? Varför fungerar det med text och bilder, men inte med formulärsfält?