Hallo alle zusammen!
Ich schlage mich jetzt seit einem Tag mit diesem Problem rum und hoffe ihr könnt mir weiter helfen:
In meiner index.php wird ein iframe id-abhängig mit verschiedenen htmls gefüllt.
Auf meiner Homeseite befindet sich momentan eine Tabelle + Inhalt + Rahmen (um den tatsächlichen Inhalt zu visualisieren). in meinem Firefox 3.6 erscheint nun, trotzdem der Inhalt für mich offensichtlich kleiner ist als der iframe, ein vertikaler Scrollbalken!
Link zur Website: http://wiim.nestegg.de
Quellcode der Homeseite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta http-equiv="content-language" content="de">
<link rel="stylesheet" type="text/css"
href="../wiim.css"></head>
<body class="cont_body">
<div align="center">
<table class="full_table" border="1" cellpadding="0" cellspacing="0"><tr><td><h2>Herzlich willkommen auf der
Website zur WiiM 2011!</h2></DIV>
Hier findet ihr alle relevanten Infos zur WiiM 2011:<br>
<div align="left" style="margin-left:80px">
<UL>
<LI>Der Termin</LI>
<LI>Die Regeln</LI>
<LI>Die Disziplinen</LI>
<LI>Der Veranstaltungsort</LI>
</UL>
</DIV>
<DIV align="justify">Wenn ihr euch für die WiiM registriert (im Bereich <a href="../index.php?id=reg" target="_parent">Anmeldung</a>) und bestätigt habt dass ihr Updates zur
WiiM 2011 haben wollt, dann kriegt ihr immer alle neuesten Information bezüglich Ort und Termin direkt per Mail zugesandt!</DIV><BR>
<div align="center">
<hr>
<h2>DER TERMIN:</H2>
<H3>Steht zur Zeit noch nicht fest!</H3><HR></DIV></td></tr></table>
</BODY>
</HTML>
Quellcode CSS:
html, body {
font-family: Calibri;
}
html, body, #boogey {
height:100%;
margin: 0 auto;
border: none;
}
#boogey {
margin: 0 auto;
width: 800px;
text-align: center;
}
#container {
width:784px;
vertical-align:top;
}
#to_left, #to_right, #bo_left, #bo_right
{
height: 9px;
width: 8px;
margin: 0 auto;
font-size: 1px;
}
#to_left { background-image:url(Bilder/border_left_top.png);
background-repeat: no-repeat;
background-position: top;}
#to_right { background-image:url(Bilder/border_right_top.png);
background-repeat: no-repeat;
background-position: top;}
#bo_left { background-image:url(Bilder/border_left_bottom.png);
background-repeat: no-repeat;
background-position:bottom;}
#bo_right { background-image:url(Bilder/border_right_bottom.png);
background-repeat: no-repeat;
background-position:bottom;}
A:link {
text-decoration: underline;
color: black;
}
A:visited {
text-decoration: underline;
color: black;
}
A:active {
text-decoration: underline;
color: black;
}
A:hover {
text-decoration: none;
color: black;
font-style: italic;
}
.border_cont {
width: 8px;
margin: 0 auto;
background-image:url(Bilder/border.png);
background-repeat: repeat-y;
}
.menu {
position:relative;
z-index:3
}
.ani {
visibility:hidden;
position:absolute;
z-index:2;
margin-left:5;
margin-top:10;
}
.full_table {
height: 100%;
}
.table60 {
height:60px;
}
.banin {
position:absolute;
z-index:2;
margin-left:0;
margin-top:0;
}
.cont_body {
margin-top:20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
}
Quellcode index.php:
...
$gallery_view= 'cont/gallery/main.php';
$imp_view= 'cont/imp.html';
$home_view= 'cont/home.html';
$reg_view= 'cont/login';
$ort_view= 'cont/ort.html';
$rule_view= 'cont/rules.html';
...
...
<td class="border_cont"> </td>
<td rowspan="2" class="full_table" id="container">
<iframe src="<?php
if ($section == 'home')
{ echo $home_view; }
else if ($section == 'gal')
{ echo $gallery_view; }
else if ($section == 'reg')
{ echo $reg_view; }
else if ($section == 'rules')
{ echo $rule_view; }
else if ($section == 'ort')
{ echo $ort_view; }
else if ($section == 'imp')
{ echo $imp_view; }
else
{ echo $home_view;}
?>" type="text/html" width="100%" height="100%" align="left" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0"></iframe></td>
<td class="border_cont"> </td>