saskia2007
Grünschnabel
Hallo Allerseits!
Meine Seite besteht aus drei Ebenen die in einer großen Ebene eingebettet sind. Die große Ebene steht zentriert.
1) Mein erstes Problem ist es, dass bei den Höhenangaben der Inhaltebenen (mitte und rechts) Fehlermeldungen kommen. Wenn ich die Höhenangabe lösche, habe ich keine klar definierten Grenzen mehr! Was kann ich tun?
2) Mein zweites Problem ist die Verlinkung. Ich möchte von der "navigation" (Ebene links) zu "content1" (Ebene mitte) verlinken. Und habe das mit php versucht, allerdings funktioniert es nicht. Und ich finde den Fehler nicht.
Kann mir da jemand weiterhelfen? Vielen Dank schon mal, ciao
Meine Seite besteht aus drei Ebenen die in einer großen Ebene eingebettet sind. Die große Ebene steht zentriert.
1) Mein erstes Problem ist es, dass bei den Höhenangaben der Inhaltebenen (mitte und rechts) Fehlermeldungen kommen. Wenn ich die Höhenangabe lösche, habe ich keine klar definierten Grenzen mehr! Was kann ich tun?
Code:
}
div#wrapper {
position: relative;
width:650px;
top: 0;
left: 0;
z-index:1;
}
div#navigation {
position: relative;
width:51px;
left:1px;
top:6px;
z-index:4;
}
div#content1 {
position: absolute;
width:360px;
left:86px;
top:7px;
z-index:3;
background-color: #FFFFFF;
height:290px;
}
div#content2 {
position: absolute;
width:175px;
left:463px;
top:7px;
z-index:2;
background-color: #FFFFFF;
height:290px;
}
2) Mein zweites Problem ist die Verlinkung. Ich möchte von der "navigation" (Ebene links) zu "content1" (Ebene mitte) verlinken. Und habe das mit php versucht, allerdings funktioniert es nicht. Und ich finde den Fehler nicht.
HTML:
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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_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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
body {
background-color: #999999;
margin-left: 18%;
margin-top: 15%;
margin-right: 22%;
margin-bottom: 25%;
}
</style>
<link href="css_stile.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="MM_preloadImages('bilder/navi1_over.gif','bilder/navi2_over.gif','bilder/navi3_over.gif','bilder/navi4_over.gif','bilder/navi5_over.gif','bilder/navi6_over.gif','bilder/navi7_over.gif')">
<div id="wrapper">
<div id="navigation">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="switch.php?id=vorraum" onClick="MM_nb Group('down','group1','vorraum','bilder/navi1_over.gif',1)" onMouseOver="MM_nbGroup('over','vorraum','bilder/navi1_over.gif','bilder/navi1_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi1_up.gif" alt="vorraum" name="vorraum" width="41" height="42" border="0" onload=""></td>
</tr>
<tr>
<td><a href="switch.php?id=spielraum" onClick="MM_nbGroup('down','group1','spielraum','bilder/navi2_over.gif',1)" onMouseOver="MM_nbGroup('over','spielraum','bilder/navi2_over.gif','bilder/navi2_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi2_up.gif" alt="spielraum" name="spielraum" width="42" height="33" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="switch.php?id=ereignisraum" onClick="MM_nbGroup('down','group1','ereignisraum','bilder/navi3_over.gif',1)" onMouseOver="MM_nbGroup('over','ereignisraum','bilder/navi3_over.gif','bilder/navi3_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi3_up.gif" alt="ereignisraum" name="ereignisraum" width="42" height="20" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="switch.php?id=ergebnisraum" onClick="MM_nbGroup('down','group1','ergebnisraum','bilder/navi4_over.gif',1)" onMouseOver="MM_nbGroup('over','ergebnisraum','bilder/navi4_over.gif','bilder/navi4_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi4_up.gif" alt="ergebnisraum" name="ergebnisraum" width="42" height="49" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="switch.php?id=verdichtungsraum" onClick="MM_nbGroup('down','group1','verdichtungsraum','bilder/navi5_over.gif',1)" onMouseOver="MM_nbGroup('over','verdichtungsraum','bilder/navi5_over.gif','bilder/navi5_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi5_up.gif" alt="verdichtungsraum" name="verdichtungsraum" width="42" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="switch.php?id=kulturraum" onClick="MM_nbGroup('down','group1','kulturraum','bilder/navi6_over.gif',1)" onMouseOver="MM_nbGroup('over','kulturraum','bilder/navi6_over.gif','bilder/navi6_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi6_up.gif" alt="kulturraum" name="kulturraum" width="42" height="44" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="switch.php?id=lebensraum" onClick="MM_nbGroup('down','group1','lebensraum','bilder/navi7_over.gif',1)" onMouseOver="MM_nbGroup('over','lebensraum','bilder/navi7_over.gif','bilder/navi7_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="bilder/navi7_up.gif" alt="lebensraum" name="lebensraum" width="42" height="45" border="0" onload=""></a></td>
</tr>
</table>
</div>
<div id="content1"></div>
<?php
switch ($id) {
case "vorraum":
include ("01vorraum.htm");
break;
case "spielraum":
include ("02spielraum.htm");
break;
case "ereignisraum":
include ("03ereignisraum.htm");
break;
case "ergebnisraum":
include ("04ergebnisraum.htm");
break;
case "verdichtungsraum":
include ("05verdichtungsraum.htm");
break;
case "kulturraum":
include ("06kulturraum.htm");
break;
case "lebensraum":
include ("07lebensraum.htm");
break;
default:
include (01vorraum.htm");
}
?>
<div id="content2"></div>
</div>
</body
></html>
PHP:
<html>
<head>
<title>switch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div><? include("01vorraum.htm"); ?></div>
<div><? include("02spielraum.htm"); ?></div>
<div><? include("03ereignisraum.htm"); ?></div>
<div><? include("04ergebnisraum.htm"); ?></div>
<div><? include("05verdichtungsraum.htm"); ?></div>
<div><? include("06kulturraum.htm"); ?></div>
<div><? include("07lebensraum.htm"); ?></div>
</body>
</html>
Kann mir da jemand weiterhelfen? Vielen Dank schon mal, ciao