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

Problem mit <div> positionnierung

Teufler

Teufler

New member
Moin ich möchte mehrere Divs Positionieren.

Das Problem besteht darin, dass ich #zema_maintpl_ezndata gerne rechtsbündig anzeigen will.

Letzlich ist #zema_maintpl_leftdata sone art Frame (*G*) den in dem 2 divs normal als kasten dargestellt werden soll und der mittlere mit dem #zema_maintpl_maindata zusammengehören soll.


ein align:right; bringt da leider nichts...

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
	<title>Dokumenttitel</title> 
	<style type="text/css">
	/*Hier die Style-Anweisungen*/
	#zema_maintpl_leftdata 
	{		
		width:200px;		
		float:left;
	}
	
	#zema_maintpl_userdata 
	{
		width:190px;	
		height:50px;
		background-color: #DDDDDD;
		margin-bottom: 10px;
	}
	
	#zema_maintpl_ezndata
	{		
	
		height:10px;
		width:100px;		
		background-color: #BBC6F6;
		margin-bottom: 10px;
	}
	
	#zema_maintpl_admindata 
	{
		width:190px;
		height:50px;
		background-color: #7977E1;		
	}
	
	#zema_maintpl_maindata
	{
		width:400px;
		height:300px;
		float:left;
		background-color: #BBC6F6;	
	}
	</style>
</head> 

<body>
<!--Hier der Quelltext--> 

	<div id="zema_maintpl_leftdata">			
	
		<div id="zema_maintpl_userdata">	
		</div>
		
		
		<div id="zema_maintpl_ezndata">				
		</div>
		
		
		<div id="zema_maintpl_admindata">	
		</div>			
		
	</div>	
	
	<div id="zema_maintpl_maindata">		
	
	</div>	
</body> 
</html>

so,

vielen dank für tips ;)
 
Zuletzt bearbeitet:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Dokumenttitel</title> 
<style type="text/css">
#zema_maintpl_leftdata { width:200px; float:left; } 
#zema_maintpl_userdata { width:190px; height:50px; background-color: #DDDDDD; margin-bottom: 10px; } 
#zema_maintpl_ezndata { height:10px; width:100px; background-color: #BBC6F6; margin-bottom: 10px; } 
#zema_maintpl_admindata { width:190px; height:50px; background-color: #7977E1; } 
#zema_maintpl_maindata { [B]float:right;[/B] width:400px; height:300px; background-color: #BBC6F6; } 
</style> 
</head> 
<body> 
<div id="zema_maintpl_leftdata"> 
<div id="zema_maintpl_userdata"> </div>  
<div id="zema_maintpl_ezndata"> </div>  
<div id="zema_maintpl_admindata"> </div> 
</div>
<div id="zema_maintpl_maindata"> </div> 
</body> 
</html>
 
Zuletzt bearbeitet:
danke.

aber nun ist zema_maintpl_maindata ganz rechts im browser.
Das möchte ich ja nicht.

zema_maintpl_maindata soll da bleiben wo es.
im grunde soll NUR zema_maintpl_ezndata nach rechts rücken, sodas es mit zema_maintpl_maindata abschließt.

mit anderen worten: zema_maintpl_ezndata sollte rechtsbündig sein ;)
 
aber nun ist zema_maintpl_maindata ganz rechts im browser.
Das möchte ich ja nicht.

zema_maintpl_maindata soll da bleiben wo es.
im grunde soll NUR zema_maintpl_ezndata nach rechts rücken, sodas es mit zema_maintpl_maindata abschließt.

mit anderen worten: zema_maintpl_ezndata sollte rechtsbündig sein
Zum Vergrößern anklicken....
Also, das verkraftet mein Hirn heute noch nicht so ganz.
Ich hoffe, ich habe das jetzt einigermaßen nachvollziehen können:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Dokumenttitel</title> 
<style type="text/css">
#zema_maintpl_leftdata { width:200px; float:left; } 
#zema_maintpl_userdata { width:190px; height:50px; background-color: #DDDDDD; margin-bottom: 10px; } 
#zema_maintpl_ezndata { margin-left:90px;height:10px; width:100px; background-color: #BBC6F6; margin-bottom: 10px; } 
#zema_maintpl_admindata { width:190px; height:50px; background-color: #7977E1; } 
#zema_maintpl_maindata { margin-left:210px; width:400px; height:300px; background-color: #BBC6F6; }
</style> 
</head> 
<body> 
<div id="zema_maintpl_leftdata"> 
<div id="zema_maintpl_userdata"> </div>  
<div id="zema_maintpl_ezndata"> </div>  
<div id="zema_maintpl_admindata"> </div> 
</div>
<div id="zema_maintpl_maindata"> </div> 
</body> 
</html>
 
hehe ;)


ok, so kann mans auch machen,
du verschiebst die ja nur nach rechts.
ich hatte an sowas wied "automatisch rechts anordnen" gedacht,
aber ich denke so geht es auch.


danke
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben