derwunner
Mitglied
Hallo Leute, ich habe ein problem.
Ich habe meine shoutbox via iframe eingesetzt. Wenn ich diese einsetze, ist meine navigationsleiste weg. Wie kann das sein? Oder besser gesagt, wie kann ich diesen fehler beheben?
Hier der quelltext:
Ich habe meine shoutbox via iframe eingesetzt. Wenn ich diese einsetze, ist meine navigationsleiste weg. Wie kann das sein? Oder besser gesagt, wie kann ich diesen fehler beheben?
Hier der quelltext:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Layout 3 - derwunner</TITLE>
<style type="text/css">
body
{
background-color: blue;
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black;
}
ul#Navigation {
width: 10em;
margin: 0; padding: 0.2em 0.8em 0.8em;
border: 1px solid black;
background-color: silver;
float: left;
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 11.6em;
w\idth: 10em;
padding-left: 0;
padd\ing-left: 0.8em;
}
ul#Navigation li {
list-style: none;
margin: 0.4em; padding: 0;
}
ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: #FFFFFF; background-color: #3333FF;
}
* html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2 {
width: 100%; /* Breitenangabe fuer IE 5.x */
w\idth: 8.8em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover, ul#Navigation span {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
ul#Navigation h2 {
font-size: 1em;
margin: 1.1em 0 0;
border-color: gray;
color: black; background-color: #eee;
}
#shoutbox
{
float: right;
background-color: silver;
height: 601px;
width: 152px;
}
</style>
</HEAD>
<BODY>
<div id="shoutbox">
<iframe src="http://www.kostenlose-shoutbox.com/shoutbox.php?id=10579" width="152" height="601" frameborder="5">
</div>
<ul id="Navigation">
<li><h2>Navigation</h2></li><BR><BR><BR>
<li><span>Home</span>
<li><a href="videos.html">Videos</a></li>
<li><a href="games1.html">Games</a></li>
<li><a href="gamesroom.html">Gamesroom</a></li>
<li><a href="#Beispiel">Seite 6</a></li>
<li><a href="#Beispiel">Seite 7</a></li>
<li><a href="#Beispiel">Seite 8</a></li>
<li><a href="#Beispiel">Seite 9</a></li>
</ul>
test
</BODY>
</HTML>
