Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 13.03.2006, 19:49
Roadrunnerle Roadrunnerle ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2006
Beiträge: 17
Roadrunnerle befindet sich auf einem aufstrebenden Ast
Standard Kniffliges Layout mit float

Hallo Zusammen,

ich möchte den gbanner und fuss zusammenlassen aber den Abstand von fuss zu info entfernen, so dass der gbanner neben info ist und zentriert unter dem Inhalt steht. Gibt es da eine Möglichkeit? Siehe Bilder ist_zustand.jpg und soll_zustand.jpg

Gruss Roadrunnerle


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" xml:lang="de" lang="de">
<head>
<title>new</title>



<style type="text/css">

#container
{
	background-color:#CCCC33;
	color:#000000;
	height:1%;
}

#navigation
{
	background-color:#99FF00;
	color:#000000;
	float:left;
	width:10em;
	height:300px;
}

#infobox
{
	background-color:#99FF00;
	color:#000000;
	float:right;
	width:165px;
	height:600px;
}

#inhalt
{
	background-color:#00FFFF;
	color:#000000;
	margin-left:11em;
	margin-right:170px;
	height:1%;
}

.box
{
	background-color:#9966FF;
	color:#000000;
	width:14em;
	float:left;	
}

#gbanner
{
	background-color:#FF00FF;
	color:#000000;
	margin:auto;
	width:470px;	
	clear:both;
}

#fusszeile
{
	background-color:#0000FF;
	color:#FFFFFF;
}


</style>
</head>

<body>
<div id="container">

	<div id="navigation">

menü1
menü1
menü1
menü1
menü1
menü1
menü1</p></div>
	<div id="infobox">info</div>
	
	<div id="inhalt"><h3>Hier kommt eine Überschrift</h3>
		

 und möglicherweise auch Inhalte.</p>
		<div class="box">

box
box
box
box
box
box</p></div>
		<div class="box">

box
box
box
box
box
box</p></div>
		<div class="box">

box
box
box
box
box
box</p></div>
		<div class="box">

box
box
box
box
box
box</p></div>
		<div class="box">

box
box
box
box
box
box</p></div>		
	</div>
		
	<div id="gbanner">gbanner</div>
	<div id="fusszeile">fuss</div>

</div>
</body>
</html>
Angehängte Grafiken
Dateityp: jpg soll_zustand.jpg (43,1 KB, 172x aufgerufen)
Dateityp: jpg ist_zustand.jpg (44,0 KB, 170x aufgerufen)
Mit Zitat antworten
Sponsored Links