Sooo. Ich habe den vier Frames die in einem iFrame angezeigt werden die Eigenschaft "noresize" gegeben, aber ein kleines Problem bleibt dennoch bestehen. Ein ziemlich Kleines, aber Nervendes...
Wenn man den zweiten Frame, der ein Hintergrund- und acht Rolloverbilder enthält am unteren Rand mit der Maus anklickt, und die Maus nach oben und nach unten zieht, verschiebt sich der ganze Frame in die entsprechende Richtung...
Siehe Bilder:
[Blockierte Grafik: http://img336.imageshack.us/img336/3223/1kk1.th.jpg]
[Blockierte Grafik: http://img336.imageshack.us/img336/6168/2ga1.th.jpg]
Ich poste hier nochmal die entsprechenden Codes für den iFrame, die vier Frames die im iFrame dargestellt werden, und den kleinen Frame der das Hintergrund- und die acht Rolloverbilder enthält.
iFrame:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website der Schülerfirma MumPITS</title>
<!--
<script language="javascript">
var width = screen.width;var res =(((!(640-width))*1)+((!(800-width))*2)+((!(1024-width))*3)); if(!(res)) res = 1;
if (res=='1') {window.location.href ='zuhoch.html'}
if (res=='2') {window.location.href ='zuniedrig.html'}
if (res=='3') {window.location.href ='home.html'}
if (res!='1' && res!='2' && res!='3') {window.location.href ='andere.html'}
</script>
-->
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
body {
background-color: #CCCCCC;
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 2%;
}
a {
font-size: 1px;
color: #CCCCCC;
}
-->
</style><body>
<iframe src="frameset1test.html" name="mainframe" width="920" height="580" align="center"
scrolling="No" marginheight="0" marginwidth="0" frameborder="0" noresize="noresize" >
</p>
</iframe>
</body>
</html>
Alles anzeigen
Vier Frames die im iFrame angezeigt werden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Main</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<frameset rows="150,30,*,40" cols="*" framespacing="0" frameborder="no" border="0" bordercolor="#FFFFFF">
<frame src="oben.html" name="topFrame" framespacing="0" frameborder="no" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="logo.html" name="logoFrame" framespacing="0" frameborder="no" scrolling="No" noresize="noresize" id="logoframe" title="logoFrame" />
<frame src="mitte.html" name="mainFrame" framespacing="0" frameborder="no" scrolling="Auto" noresize="noresize" id="main" title="mainFrame" />
<frame src="unten.html" name="bottomFrame" framespacing="0" frameborder="no" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
<frame src="UntitledFrame-12"></frameset>
<noframes><body>
</body>
</noframes></html>
Alles anzeigen
Und der kleine Frame mit Hintergrund- und Rolloverbildern:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Navigationsleiste</title>
</body>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
background-image: url(navigationsleiste1.jpg);
background-repeat: repeat-x;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onload="MM_preloadImages('home2.jpg','impressum2.jpg','teams2.jpg','downloads2.jpg','buttons/downloads2.jpg')">
<a href="mitte.html" target="mainFrame" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','home2.jpg',1)">
[img]home1.jpg[/img]</a>[url='teams.html'][img]teams1.jpg[/img][/url][url='angebote.html'][img]downloads1.jpg[/img][/url][url='downloads.html'][img]buttons/downloads1.jpg[/img][/url][url='links.html'][img]buttons/downloads1.jpg[/img][/url][url='http://schulprojekt2006.sc.ohost.de/mumpits/'][img]buttons/downloads1.jpg[/img][/url]
<a href="kontakt.html" target="mainFrame" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','buttons/downloads2.jpg',1)">
[img]buttons/downloads1.jpg[/img]</a>[url='impressum.html'][img]buttons/downloads1.jpg[/img][/url]
</html>
Alles anzeigen
Jedes Mal wenn ich diesen scheiß Abstand zwischen den Frames sehe, kommt mir die Suppe hoch. Sowas passiert immer nur bei den Seiten die ich erstelle... Sowas habe ich bei anderen Seiten noch nie gesehen..