Hi
Ich habe folgendes Prob...
Wenn ich in folgendem Code den Inhalt durch ein iframe anzeigen lasse, wird mir der footer nicht angezeigt...
ersetze ich jedoch den iframe durch ein simples a, so wird mir auch der footer wieder angezeigt...
woran könnte das liegen???
und vor allem, wie behebe ich das???
index.htm
HTML
<!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" xml:lang="de" lang="de">
<head>
<title>Spielen.YetiZwerg.de</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Design" />
<meta name="author" content="YetiZwerg" />
<meta name="keywords" content="design, maulepan" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wraper">
<div id="header">
<table class="navi">
<tr><td><br /><br /><br /></td></tr>
<tr class="navigation"><td>
<a href="#"> shooting </a>
<a href="#"> Geschick </a>
<a href="#"> Klassiker </a>
<a href="#"> Andere </a>
<a target="inhalt" href="#"> | </a>
<a target="inhalt" href="imp.htm"> Impressum </a>
<a target="_blank" href="http://www.maulepan.bplaced.net"> Partner </a>
</td></tr>
</table>
</div>
<div id="content">
<div id="content_text">
<iframe src="inhalt.htm" width="100%" height="450" name="inhalt" frameborder="0">
</div>
</div>
<div id="footer"> <br /><br />
<span class="copyright">© 2009 mAuLePaN</span>
</div>
</div>
</body>
</html>style.css
Code
html, body
{
font: 400 11pt arial;
color: #D3D3D3;
font-weight: 600;
}
#wraper {
width: 1000px;
margin: auto;
margin-top: 0px;
margin-bottom:0px;
}
#header {
background: url(images/header.gif);
height: 170px;
width: 1000px;
margin-top: 0px;
margin-bottom:0px;
float: right;
}
#content {
background: url(images/content.gif) repeat-y;
width: 1000px;
float: right;
}
#content_text {
width: 750px;
margin-left: 125px;
margin-right:125px;
float: right;
}
#footer {
background: url(images/footer.gif);
width: 1000px;
height: 100px;
text-align: center;
float: right;
}
.navi {
height: 170px;
width: 70%;
margin: auto;
}
.navigation {
text-align: right;
height: 30px;
}
#header a {
color: #FFFFFF;
text-decoration: none;
}
#header a:hover {
color: #B5B5B5;
text-decoration: none;
}
#content a {
color: #FFFFFF;
}
#content a:hover {
color: #B5B5B5;
}
.copyright {
color: #8E8E8E;
font-size: small;
}