nicht angemeldet
Moin,
Neues Menü, neues Problem..
Das Problem welches ich habe ist das sich das div mit der id "nächstesthema" auf die beiden divs "navbox1" und "navbox2" drauf legt obwohl es unter ihnen erscheinen sollte.
Dieser Fehler wird mir im Firefox 3.0.1 angezeigt.
Im IE7 wird jedoch alles so angezeigt wie es sein sollte.
Ich bitte um Hilfe da ich selbst zu keiner Lösung komme..
Grüße
Firefox
----------------------------------------------------------------------
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #e4e4e4;
font-family: Verdana;
font-size: 12px;
color: #00012F;
width: 771px;
margin: 10px;
padding: 10px;
border: 1px solid;
}
a.letztesthema {
display: block;
width: 130px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.letztesthema:hover {
text-decoration: none;
}
#letztesthema {
display: block;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#letztesthema:hover {
}
a.navlink1 {
display: block;
width: 130px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.navlink1:hover {
text-decoration: none;
}
a.navlink2 {
display: block;
width: 130px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.navlink2:hover {
text-decoration: none;
}
#container {
position: relative;
margin: 0px auto;
width: 285px;
}
#navbox1 {
display: block;
float: right;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#navbox1:hover {
text-align: right;
}
#navbox2 {
display: block;
float: right;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#navbox2:hover {
text-align: right;
}
a.nächstesthema {
display: block;
width: 130px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.nächstesthema:hover {
text-decoration: none;
}
#nächstesthema {
display: block;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#nächstesthema:hover {
}
-->
</style></head>
<body>
<div id="letztesthema">
<a class="letztesthema" href="" target="_self">Letztes Thema</a>
</div>
<div id="container">
<div id="navbox1">
<a class="navlink1" href="" target="_self">>> Weiter >></a></div>
<div id="navbox2">
<a class="navlink2" href="" target="_self"><< Zurück <<</a></div>
</div>
<div id="nächstesthema">
<a class="nächstesthema" href="" target="_self">Nächstes Thema</a>
</div>
<p>x</p>
<p>x</p>
<p>x</p>
<p>x</p>
</body>
</html>