Hi!
Bin jetzt auch endlich unter die Webdesigner gegangen und bastel momentan an meiner ersten Homepage.
Klappt soweit auch schon ganz gut, dank IR und Dreamweaver, nur bin ich jetzt bei nem Problem angelangt, bei dem ich als Anfänger und HTML-Lusche nimmer weiter komm.
Hab folgende 2 Seiten:
1. Die Indexseite:
http://home.arcor.de/filbiber/mayfly...iography2.html
2. Der Frame-Inhalt:
http://home.arcor.de/filbiber/mayfly...y/content.html
Im Internet Explorer funktioniert alles einwandfrei, im Firefox aber, ist der Framebereich komischerweise deutlich kleiner!
Kann sich mal jemand die Codes anschauen und mir sagen wie ich das beheben kann?
Danke schon mal! =)
Socke
Frameseite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mayfly Biography Content-Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#EBE2B1">
<table align="left" border="0" width="100%" height="100%" cellspacing="25" cellpadding="0" bgcolor="#EBE2B1">
<tr>
<td align="center" valign="middle" width="100%" height="100%">
<p>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
Wenn dieser Text angezeigt wird, funzt zumindest schon mal der Iframe! =)
<br>
<br>content.html
<br>
<br>
<br>
<br>
<br>*scroll*
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Indexseite:
<html>
<head>
<title>~ Mayfly Biography ~</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (mayfly biography 2.psd) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
blog_over = newImage("images/blog_over.jpg");
musik_over = newImage("images/musik_over.jpg");
steckbrief_over = newImage("images/steckbrief_over.jpg");
gallerie_over = newImage("images/gallerie_over.jpg");
gurke_over = newImage("images/gurke_over.jpg");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#1D1807" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<table id="ausrichtung" width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100%" width="100%" valign="middle" align="center">
<!-- ImageReady Slices (mayfly biography 2.psd) -->
<table id="layout" width="700" height="550" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/header.jpg" width="700" height="175" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="175" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('blog', 'images/blog_over.jpg'); return true;"
onmouseout="changeImages('blog', 'images/blog.jpg'); return true;"
onmousedown="changeImages('blog', 'images/blog_over.jpg'); return true;"
onmouseup="changeImages('blog', 'images/blog_over.jpg'); return true;">
<img name="blog" src="images/blog.jpg" width="100" height="70" border="0" alt=""></a></td>
<td rowspan="8">
<table id="textfenster" border="0" cellpadding="0" cellspacing="0" height="350" width="500">
<tbody>
<tr>
<td height="350" width="500" align="center valign="middle">
<div align="center">
<iframe src="content.html" height="100%" width="100%"><font color="#C1B693" size="1" face="Verdana, Arial, Helvetica, sans-serif">Die
Seite "content.html" konnte nicht geladen werden!</font></iframe></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td rowspan="3">
<a href="#"
onmouseover="changeImages('musik', 'images/musik_over.jpg'); return true;"
onmouseout="changeImages('musik', 'images/musik.jpg'); return true;"
onmousedown="changeImages('musik', 'images/musik_over.jpg'); return true;"
onmouseup="changeImages('musik', 'images/musik_over.jpg'); return true;">
<img name="musik" src="images/musik.jpg" width="100" height="114" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left.jpg" width="100" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="#"
onmouseover="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;"
onmouseout="changeImages('steckbrief', 'images/steckbrief.jpg'); return true;"
onmousedown="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;"
onmouseup="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;">
<img name="steckbrief" src="images/steckbrief.jpg" width="100" height="74" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/menu_right.jpg" width="100" height="236" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left-11.jpg" width="100" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;"
onmouseout="changeImages('gallerie', 'images/gallerie.jpg'); return true;"
onmousedown="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;"
onmouseup="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;">
<img name="gallerie" src="images/gallerie.jpg" width="100" height="99" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left-14.jpg" width="100" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('gurke', 'images/gurke_over.jpg'); return true;"
onmouseout="changeImages('gurke', 'images/gurke.jpg'); return true;"
onmousedown="changeImages('gurke', 'images/gurke_over.jpg'); return true;"
onmouseup="changeImages('gurke', 'images/gurke_over.jpg'); return true;">
<img name="gurke" src="images/gurke.jpg" width="100" height="75" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td colspan="3" background="images/bottom.jpg" align="center" valign="middle">
<font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">© 2005 Fil</font></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
</body>
</html>