Ein Kasten unter dem Header, links neben dem Navi und über dem Inhalt?

ReqonxS

Mitglied
Hallo,
Ich habe mal eine Frage, undzwar wie kann Ich das so machen, dass ich ein kleines Bild (Icon) in so einem Kasten mache was unter dem Header, links neben der Navigation und über dem Inhalt ist?

Ich habe mal eine Skizze gemacht (Das rote ist gemeint):
hx2yrgod.png

VIelen Dank im vorraus
 
ok ich versuchs mal
/edit
Okey habs hinbekommen, für die Sufu:
Code:
<!DOCTYPE html>
<html>
	<head>
		<title>Meine Seite</title>
		<style type="text/css">
			body { margin: 0; padding: 0; }
			#page { width: 650px; margin: auto; }
			#header { padding: 10px 10px 10px 10px; font-size: 30px; border: 1px solid red; }
			#navi { width: 560px; float: right; padding: 10px 10px 10px 10px; border: 1px solid red; }
			#icon { margin-left: 10px; width: 30px; float: left; padding: 10px 10px 10px 10px; border: 1px solid red; }
			#content { clear: both; padding: 10px 10px 10px 10px; border: 1px solid red; }
			#clear { height: 20px; clear: both; }
		</style>
	</head>
	<body>
		<div id="page">
			<div id="header">Header</div>
			<div id="clear"></div>
			<div id="navi">Navi</div>
			<div id="icon">ICO</div>  
			<div id="content">Inhalt</div>
		</div>
	</body>
</html>
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück