Element soll in Box bleiben

**magnetic_water** · 08-07-2009, 14:46

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-Code:

<!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?

**kkapsner** · 08-07-2009, 15:14

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;
}

?

**magnetic_water** · 08-07-2009, 15:27

Dagegen spricht, dass das Element (die grüne Box) dann oben Links in der Ecke klebt, und se soll unten links zentriert sein.

**kkapsner** · 08-07-2009, 16:16

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

**dkdenz** · 08-07-2009, 17:16

Zitat von magnetic_water

...und se soll unten links zentriert sein.

Was ist denn "links unten zentriert"?

**magnetic_water** · 08-07-2009, 17:24

@kapsner: Vielen Dank!

@denz: Ganz unten in der Mitte.

Thema: Element soll in Box bleiben

LinkBack

Themen-Optionen

Anzeige

Element soll in Box bleiben

AW: Element soll in Box bleiben

AW: Element soll in Box bleiben

AW: Element soll in Box bleiben

AW: Element soll in Box bleiben

AW: Element soll in Box bleiben

Ähnliche Themen

DIV Element mittels onclick/onblur wieder ausblenden

AJAX Menü

Scriptaculous, neues Element per JS erstellen

Java Problem mit dem an bzw. „Ausschalten“ einer Box!

Bestimmtes Element aus Array löschen

Lesezeichen

Lesezeichen

Berechtigungen

json Datei parsen

const prefix

json Datei parsen

json Datei parsen

json Datei parsen

const prefix