Hi,
ich bin gerade dabei mir eine Website für meine Onlinebewerbung zu bauen. Aber ich habe ein Darstellungsproblem.
Die Navigationsleiste verrutscht total. Im Phase5 editor wird alles ordnungsgemäß angezeigt, die navigation sitzt unter dem Banner links neben meinem Textdiv.
Aber im Firefox (und nur da) sitzt die navigation "oben links neben dem banner".
Hier mein Code und die CSS:
Code:
Code
<body text="#1100E6" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" background="images/bg_dots.gif">
<div class="main">
<div class="head">
[img]images/head1.png[/img]
</div>
<div class="navi">
<a href="index.html">[img]images/but1.jpg[/img]
</a>
<a href="#">[img]images/but2.jpg[/img]
</a>
<a href="#">[img]images/but3.jpg[/img]
</a>
<a href="#">[img]images/but7.jpg[/img]
</a>
<a href="#">[img]images/but8.jpg[/img]
</a>
<a href="#">[img]images/but5.jpg[/img]
</a>
<a href="#">[img]images/but6.jpg[/img]
</a>
</div>
<div class="text">
<p class="alert">Sehr geehrter Besucher, herzlich Willkommen auf meiner Onlinepräsenz.</p>
BLABLABLABLABLABLABLABLABLABLA
[img]images/us.png[/img]
</div>
<div class="foot">
<font size="-2">Diese Seite wurde für eine Auflösung von 1024x768 Pixel Optimiert.</p>
</div>
</div>
</body>Und mein CSS-Stylesheet:
Code
.head{
position: absolute;
left: 15%;
width: 680px;
top: 10px;
}
}
.navi {
position: absolute;
left: 15%;
width: 180px;
top: 143px;
overflow: auto;
}
.text {
position: absolute;
left: 35%;
width: 500px;
height: 500px;
top: 143px;
text-align: center;
overflow: auto;
}
.foot {
position: absolute;
left: 15%;
width: 695px;
top: 655px;
text-align: center;
}Könnt ihr mir weiterhelfen, bitte. Ich bin einfach nur ratlos.
Danke 
euer Nemesis