Prositionierung mittels CSS funzt nicht

$$freaky44$$ · #1 (**permalink**) 09.11.2008, 19:13

Ich will meine HP in 2 bereiche aufteilen. In einen navigations- und einen Hauptteil. In den Naviteil (links)soll die navigation rein und in den hauptteil (neben navi) der eigentliche Text. der Text im Hauptteil soll ganz oben anfangen.
Mein Code:

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">
<html>
<head>
<title>Menü</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

<style type="text/css">
<!--

#navi
{
prosition:absolute;
top:50pt;left:20pt;
width:100px;
text-align:left;
border-right:1px solid;
padding:5pt;
front-weight:bold;
front-size:11px;
}

#main
{
margin-left:120pt;
margin-right:20pt;
margin-top:1pt;
text-align:justify;
}

-->
</style>
</head>
<body>
<div id="navi">
<p>Die</p>
<p>Navi</p>
<p>kommt</p>
<p>hier</p>
<p>hin</p>
<p>!!!!!!!!!!</p>

</div>
<div id="main">Main</div>
</body>

</body>
</html>

der text wird aber erst auf der höhe des endes vom navigations teil angezeigt.
wie kriege ich diesen Text nach oben?

hubspe · #2 (**permalink**) 09.11.2008, 19:22

Hi,

mit prosition:absolute; kann niemand was anfangen.

Schreib einfach position.

Ich tät aber eher mit float/clear arbeiten als mit position:absolute.
Das macht dein Layout flexibler.

$$freaky44$$ · #3 (**permalink**) 09.11.2008, 22:03

danke, mir ist wol nen r mit rein gerutscht xd
mit float/clear werde ich morgen auch mal ausprobieren.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite!	Web4Live	CSS	2	13.07.2011 16:01
Inspiration - Sammlung von Links	emti	Ressourcen	8	01.12.2009 18:02
Mozilla ignoriert externes css	DarkWanderer	CSS	9	22.09.2005 11:39
navileiste mittels css	jan99	CSS	2	04.08.2005 12:32
Einfaches Menü mittels CSS	BabbleBoy	CSS	19	31.07.2005 21:08