[HTML] Brauche Hilfe beim Navi

Roxii
Da ich endlich mal gelernt habe ein Eigenes Design zu Coden , habe ich es auch direkt ausprobiert . Nun steht das Navi falsch , denn ich häte es gerne alles auf der linken seite mit scroll balken doch es ist bei mir oben , nun weiß ich nicht mehr weiter ... Kann mir bitte jmd sagen wo ich das verstellen kann ??

Das ist mein Code
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #800080;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
background-image: url(http://adresse.de/LetzterStreifen.jpg);
background-repeat: repeat-y;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 300px;
left: 320px;
width: 650px;
height: 400px;
font-family:Times New Roman ;
font-size: 16px;
color: #000000 ;
}
div.newsbox {
overflow: auto;
position: absolute;
top: 200px;
left: 300px;
width: 300px;
height: 400px;
font-family:Times New Roman ;
font-size: 16px;
color: #000000 ;
}
div.navigation {
overflow: visible;
position: absolute;
top: 150px;
left: 150px;
width: 542px;
height: 80px;
font-family: Times New Roman;
font-size:14px;
color: #000000 ;
}
a:link {
color: #000000 ;
text-decoration:none;
}
a:visited {
color: #538876;
text-decoration:none;
}
a:active {
color: #538876;
text-decoration:none;
}
a:hover {
color: #538876;
text-decoration:overline underline;
}
-->
</style>
</head>

<body>
<!-- Start Design -->
<img src="http://www.oyla.de/userdaten/486/58709/bilder/pro.png" id="design" />
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->


<!-- Start Newsboxt -->
<div class="newsbox">
Alles im Aufbau .Eröffungsturnier am 12.06.2010
</div>
<!-- End Content -->


<!-- Start Navigation -->
<div class="navigation">
%navigation_h%
</div>
<!-- End Navigation -->

</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>


Danke im vorraus
Mercedes
Ich verstehe jetzt leider nicht ganz, was bei dir Oben ist. Hast du vielleicht ein Link zu dieser Seite?

Dann kann ich dir vielleicht helfen.
Jasmina
div.navigation {
overflow: visible;
position: absolute;
top: 150px;
left: 150px;
width: 542px;
height: 80px;

font-family: Times New Roman;
font-size:14px;
color: #000000 ;


Könnte es hier vielleicht daran liegen? Dein Feld ist nur 80 px hoch, dafür 542 px Breit? Vertausch mal die Werte. Also heigh 542, width 80
Roxii
Ja ^^ Es funktioniert ! Danke . Manchmal sind es im leben wirklich nur kleine dinge die man verändern muss

Danke smile