Hallo liebe HTML-Experten!
Nach einer aufregenden Stufenfahrt, wollte ich die festgehaltenen Momente angemesen Würdigen und alle Fotos online stellen. Dies geht ohne weitere Probleme mit vorgefertigten PHP-Seiten. Alles schön und gut, aber da ich aufs Design großen Wert lege ergab sich folgendes Problem:
Das von mir benutzte iFrame, dass die PHP-Seite anzeigt auf welcher alle Bilder drauf sind wird von allen Browsern so angezeigt wie ich es haben wollte, doch wie es kommen musste machte mir die Crew um Bill Gates einen Strich durch die Rechnung. Der Internet Explorer interpretiert dass auf einer Tabelle liegende iFrame eigenständig und zeigt die PHP-Seite daher einfach oben im Browser an, und der Rest der Homepage (die Tabelle) einfach da drunter.
Hier der Link zur besagten Seite:
http://jamaicafeelin.ja.ohost.de/NeapelfahrtBilder.html
Und natürlich der Quelltext:
<!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>
<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<title>Neapel 2006 | Bilder</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="http://jamaicafeelin.ja.ohost.de/Files/mm_lodging1.css" type="text/css" /><style type="text/css">
<!--
body {
background-color: #fd8c1d;
}
.Stil1 {color: #fd8c1d}
#Layer1 {
position:absolute;
width:530px;
height:327px;
z-index:1;
left: 451px;
top: 261px;
}
a:visited {
color: #CC0000;
}
a:active {
color: #990000;
}
#Layer2 {
position:absolute;
left:492px;
top:235px;
width:469px;
height:294px;
z-index:1;
}
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
}
.Stil2 {font-family: Georgia, "Times New Roman", Times, serif}
.Stil3 {color: #FD8C1D}
#Layer3 {
position:absolute;
left:443px;
top:212px;
width:569px;
height:244px;
z-index:1;
}
#Layer4 {
position:absolute;
left:444px;
top:197px;
width:573px;
height:274px;
z-index:1;
}
.Stil4 { font-size: 9px;
color: #FFCC33;
}
-->
</style></head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" nowrap="nowrap"> </td>
<td height="151" colspan="2" class="logo" nowrap="nowrap">
<span class="Stil2">[img]http://jamaicafeelin.ja.ohost.de/Pics/Neapel2006Web.jpg[/img]</span></p> </td>
<td width="1"></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="4">[img]http://jamaicafeelin.ja.ohost.de/Files/mm_spacer.gif[/img]</td>
</tr>
<tr bgcolor="#a4c2c2">
<td width="15" nowrap="nowrap" bgcolor="#CC0033"></td>
<td height="36" bgcolor="#CC0033" class="navText" id="navigation">[url='javascript:;'][/url]</td>
<td bgcolor="#CC0033"></td>
<td width="1" bgcolor="#CC0033"></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="4">[img]http://jamaicafeelin.ja.ohost.de/Files/mm_spacer.gif[/img]</td>
</tr>
<tr bgcolor="#ffffff">
<td valign="top" width="15">[img]http://jamaicafeelin.ja.ohost.de/Files/mm_spacer.gif[/img]</td>
<td valign="top" width="35">[img]http://jamaicafeelin.ja.ohost.de/Files/mm_spacer.gif[/img]</td>
<td width="889" valign="top">
<table width="882" height="290" border="0" cellpadding="2" cellspacing="0">
<tr>
<td class="pageName" colspan="3">Picturez of MPG 13 </td>
</tr>
<tr>
<td width="225" valign="bottom" class="subHeader Stil3">Piano di Sorrento </td>
<td width="378" rowspan="2"></td>
<td width="201" height="100" rowspan="2"></td>
</tr>
<tr>
<td height="230" valign="top" class="bodyText"><p class="Stil2">Hier könnt Ihr euch Bilder der Jahrgangsstufenfahrt 13 des MPG angucken. </p>
<p class="Stil2">Viel Spaß dabei! </p>
<p class="Stil2">[b][url='http://jamaicafeelin.ja.ohost.de/Neapelfahrt.html']Zurück[/url] [/b]</p></td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr bgcolor="#ffffff">
<td valign="top"></td>
<td valign="top"></td>
<td align="right" valign="bottom"><span class="Stil4">©alexdesignz</span></td>
<td></td>
</tr>
<tr>
<td width="15"></td>
<td width="35"></td>
<td width="889"></td>
<td width="1"></td>
<iframe src="http://jamaicafeelin.ja.ohost.de/Files/showit/index.php" name="Bilder" width="650" height="480"
marginheight="20" marginwidth="20" frameborder="0" align="right">
Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe>
</tr>
</table>
</body>
</html>
Alles anzeigen
Habe das iFrame in alle Spalten und Zeilen reingeschrieben, aber der Sch*** Internet Explorer zeigt es einfach nich so an wie ich es will!
Was noch zu sagen ist, habe bewusst keine "echten" Frames genommen, da sie nicht meinem Designwunsch entsprechen.
Saß gestern mehrer Stunden dran, aber es will einfach nicht klappen, und ich will nunmal nicht die restlichen Leute meiner Stufe enttäuschen die den Standartbrowser Internet Explorer verwenden!!!
Bitte helft mir!!! Würde mich unglablich freuen, wenn ich das Problem endlich in den Griff bekommen würde.