✔ doofe Frage zur horizontalen positionierung

Status
Nicht offen für weitere Antworten.
Jan-Frederik Stieler

Jan-Frederik Stieler

Monsterator
Moderator
Hi,
ähm ich glaub ich steh grad etwas aufm schlauch.
Wenn ich ein DIV horizontal mittig ausrichten möchte aber nicht weiß wie breit dieses ist.
Was muß ich den dann in width eintragen?

Code: 
margin: auto;
width: ?

Gruß
 
Hi Maik,
erst einmal Danke für den Link!
Ich hab in dem xinner einige Formularfelder welche ich über <span> gefloatet habe. Das Problem ist nun das die Höhe vom xinner <div> nicht angepasst wird.
Ich hab zuerst gedacht ich hab mal wieder einen Fehler mit Inline und Blockelemnt gemacht habe, aber das hab ich überprüft daran kann es nicht liegen.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/basic2.css">
	</head>
	<body>
	<div class="xouter">
	<div class="xinner">
		<form action="work.php" method=post>
		</span>
		<span class="maske">
		<label for="name">Kunde</label><br />
  		<input class="left" type=text name="Array[kunde]" size= 20>
		</span>
		<span class="maske">
		<label for="name">Auftragsbezeichnung</label><br />
  		<input class="left" type=text name="Array[Auftragsbezeichnung]" size= 20>
  		</span>
		<span class="maske">
		<label for="name">Auftragsnummer</label><br />
  		<input class="left" type=text name="Array[Auftragsnummer]" size= 20>
		</span>
		<span class="maske buttons">
		<input id="submit" type=submit name="SUBMIT" value="Neuen Auftrag eintragen">
  		<input id="reset" type=reset name="RESET" value="Eingaben l&ouml;schen">
		</span>
		</form>
	</div>
	</div>
	<div class="xouter">
	<div class="xinner">
	<!--#include virtual="index.html" -->
	</div>
	</div>
	</body>
</html>

Code: 
body {
font-family: univers, helvetica, arial, sans-serif;
font-size: 10 pt;
font-weight: light;
text-decoration: none;
background-color: #B5DFEA;
color: #000;
}

.xouter{
position: relative;
left: 50%;
float: left;
clear: both;
margin: 10px 0;
text-align: left;

}

.xinner{
padding: 10px 20px;
position: relative;
left: -50%;
text-align:left;
background-color: #fff;
}

.maske {
font-size: 8pt;
float: left;
padding: 0 0 0 10px;
margin: 0;
}

input {
border: 1px solid #000;
}

label {
padding-left: 2px;
}

.buttons{
clear: both;
padding-bottom: 12px;
padding-top: 10px;
}

#submit {
border: 0;
color: #fff;
background-color: #000;
margin-right: 12px;
text-align: left;
}

#reset {
text-align: left;
border: 0;
color: #fff;
background-color: #000;
width: 146px;
}

Viele Grüße
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück