• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Element soll in Box bleiben

magnetic_water

New member
Ich habe ein Elternelement, in dem sich eine Navi befindet. Ich möchte, dass sie ganz unten im Elternelement steht, aber ich bekomme es nicht hin :(

http://www.area51tests.pytalhost.com/position/

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  
<title>--</title>





<link rel="stylesheet" href="css.css" type="text/css"/>









</head>
 







<body>
 

<div id="desktop">
	
		



<div id="menu_bottom">
			






<div style="background-color:green;width:185px;height:34px;"></div>

		

</div>
	



</div>
 
 
</body>
 


</html>

(Ich musste soviele Zeilenumbrüche machen, da der Code-Block sonst zickt...)

Code:
body {

margin:0; padding:0; 

/*------------------------*/

}
  
#desktop {
padding:0;
margin:0 auto;
height:768px;
width:1024px;
border: solid 1px black;

background-color:grey;

}

#desktop #menu_bottom {

margin-top:800px;
position:relative;

}

Hat jemand eine Idee?
 
Zuletzt bearbeitet:
Was spricht gegen:
Code:
#desktop {
	padding:0;
	margin:0 auto;
	height:768px;
	width:1024px;
	border: solid 1px black;
	background-color:grey;
	position: relative;
}

#desktop #menu_bottom {
	position: absolute;
	bottom: 0;
}
?
 
Zuletzt bearbeitet:
Mist - Schreibfehler. Oben ausgebessert.
Zentrieren muss ich erst ausprobieren.

EDIT: Zentrieren geht, indem du #menu_bottom ein
Code:
width: 100%;
und dem inneren Element
Code:
margin: 0 auto;
gibst
 
Zuletzt bearbeitet:
Zurück
Oben