Ich habe meine neue HP mit <div> aufgebaut, nun wollte ich mit <iframe> einen teamspeak viewer in einen <div> einfügen!
Das klappt soweit auch wunderbar, nur zeigt es mir dann alle anderen <div> nichtmehr an! Nur der <div> indem der <iframe> liegt, wird korrekt angezeigt!
Woran kann das liegen? bzw. besser wie kann ich das beheben?
Hier mein Quelltext:
HTML
<html>
<head>
<title></title>
<style type="text/css">
div
{
position:absolute;solid black;border:1px
}
.haupt
{
position:absolute;
border:0px ;solid black;
width:1024px; height:1040;
top:0px;
margin-left:-512px;
left:50%;
background-color:000000;
}
.start
{
border:1px ;solid black;
left:202px;top:200px;
width:800px;height:820;
background-image:url(design/start.jpeg);
background-color:FFFFFF;
}
.banner
{
border:1px ;solid black;
left:22px;top:20px;
width:980px;height:150;
background-image:url(design/banner.jpeg);
background-color:FFFFFF;
}
.pfad
{
border:1px ;solid black;
left:22px;top:170px;
width:980px;height:30;
background-image:url(design/pfad.jpeg);
background-color:FFFFFF;
}
.sidebar
{
border:1px ;solid #FFFFFF;
left:22px;top:180px;
width:180px;height:840;
border-color: #FFFFFF;
background-image:url(design/sidebar.jpeg);
background-color:FFFFFF;
}
.ort
{
border:1px ;solid black;
left:27px;top:195px;
width:170px;height:30;
background-image:url(design/ort.jpeg);
background-color:FFFFFF;
}
.div1
{
border:1px ;solid black;
left:27px;top:230px;
width:170px;height:610;
background-image:url(design/div1.jpeg);
background-color:FFFFFF;
}
.menue
{
border:1px ;solid black;
left:37px;top:240px;
width:150px;height:280;
background-image:url(design/menue.jpeg);
background-color:FFFFFF;
}
.counter
{
border:1px ;solid black;
left:37px;top:550px;
width:150px;height:110;
background-image:url(design/counter.jpeg);
background-color:FFFFFF;
}
.impressum
{
border:1px ;solid black;
left:202px;top:1005px;
width:800px;height:15;
background-color:FFFFFF;
background-image:url(design/impressum.jpeg);
}
a.link1 {
display:block;
width:150px;
height:26px;
background-image:url(menue/001.gif);
}
a.link1:hover {
background-image:url(menue/002.gif);
}
</style>
</head>
<body bgcolor="black" link="gray" vlink="gray" alink="gray">
<div class="haupt">
<div class="start">
<center>
<table border="0"cellspacing="0" cellpadding="0" bgcolor="white" width="700">
<tr>
<td style="background-image:url('allgemeines/fae.gif'); width:700px; height:25px; vertical-align:top;"></td></tr>
<tr>
<td>
<center>
<font color="gray" face="Verdana" size="2">
</font>
</td>
</tr>
</table>
</center>
<iframe src="teamspeak/index.php" name="ts" width="400" height="500" scrolling="auto" noresize align="center" frameborder="0">
</div>
<div class="banner"></div>
<div class="pfad">
<font color="white" face="Verdana" size="2"><span style='mso-spacerun:yes'> </span><span style='mso-spacerun:yes'> </span><span style='mso-spacerun:yes'> </span>
[img]pfad/hier.gif[/img][url='http://www.fae.eu'][img]pfad/startseite.gif[/img][/url][img]pfad/a.gif[/img]
[url='allgemeines.html'][img]pfad/allgemeines.gif[/img][/url]
</div>
<div class="sidebar"></div>
<div class="ort"></div>
<div class="div1"></div>
<div class="menue">
<center>
<font color="white" face="Verdana" size="3">
[url='dateien/allgemeines.html'][img]menue/allgemeines.gif[/img][/url]
[url='dateien/mitglieder.html'][img]menue/mitglieder.gif[/img][/url]
[url='dateien/forum.html'][img]menue/forum.gif[/img][/url]
[url='dateien/chat.html'][img]menue/chat.gif[/img][/url]
[url='dateien/teamspeak.html'][img]menue/teamspeak.gif[/img][/url]
[url='dateien/galerie.html'][img]menue/galerie.gif[/img][/url]
[url='dateien/tipps.html'][img]menue/tipps.gif[/img][/url]
[url='dateien/gaestebuch.html'][img]menue/gaestebuch.gif[/img][/url]
[url='dateien/links.html'][img]menue/links.gif[/img][/url]
</font>
</center>
</div>
<div class="counter">
</div>
<div class="impressum">
<font color="gray" face="Verdana" size="1"><center>(c) Copyright by fae.eu <span style='mso-spacerun:yes'> </span><span style='mso-spacerun:yes'> </span>
[url='contact.html']Contact[/url] | [url='impressum.html']Impressum[/url]</center></font>
</div>
</div>
</body>
</html>