Einzelnen Beitrag anzeigen
  #5 (permalink)  
Alt 07.01.2005, 17:35
ulle ulle ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

So mit Tricky und Tracky kann der IE jetzt was, nur der Gecko (FF1) verrechnet sich nun.

Habe den ganzen Container prozentual in der Breite gestaltet, womit es dann wohl weniger am Schriftgrad als an der position liegt.

Dieser neue Port mit Float hat es dem IE beigebracht und dem FF1 versalzen, so langsam gehen mir die Ideen aus.
Code:
#rb-port	{/* variabler Port  #rb [absolute] Layer*/
			position: relative;
			float: right;
			
			width: 0;
			height: 0;
			}
Hier nochmal alles

Code:
<!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="de" lang="de"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>xxxx</title> 

<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/ 


html,body	{
			margin: 0;
			padding: 3px;
			
			background-color: #DDDDDD;
			color: #000000;
			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 100.01%;
			}
/***************************************/
.clear 		{
			clear: both;
			
			line-height: 0;
			font-size: 0;
			height: 0;
			}
/***************************************/
#site		{/* variabler Port  #lt [absolute] Layer*/
			position: relative; 

/*			max-width: 69em; 
			min-width: 46em; 
*/			width: 40%;			

			margin: 0 auto;
			}

#rb-port	{/* variabler Port  #rb [absolute] Layer*/
			position: relative;
			float: right;
			
			width: 0;
			height: 0;
			}

			
#lt, #rb	{ /* links-oben / rechts-unten */
			position: absolute;
			
			width: 3em;
			height: 3em;
			
			background-color: #FF9900;
			}

#lt			{			
			top: 0px;
			left: 0px;
			}
			
#rb			{
			right: 0px;
			bottom: 0px;
			}
			
/***************************************/
			

#site 		{		
			border: 1px solid #000000;
			padding: 5px 0 0 0;
			
			background-color: #FFFFFF; 
			}

p			{
			height: 7em;
			}

	
/*]]>*/ 
</style> 

</head> 
<body>

<div id="site">
	<h1>nur so zum Test</h1>
	Test text - Test text
	
	

</p>		
	
	<div id="lt"></div>
	
	
	<div id="rb-port">
		<div id="rb"></div>
	</div>
	<div class="clear"></div>
</div>

</body></html>
__________________
</ulle>
Mit Zitat antworten