Problem mit Höhenangabe und Includieren

Status
Nicht offen für weitere Antworten.

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?

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
 
Hi,

was für eine Fehlermeldung bzgl. der Höhenangaben wird denn da bei dir ausgegeben?

Und in welchem der beiden DIVs soll der PHP-Code includiert werden?
 
Hallo!
Die Fehlermeldung heisst: "Die CSS-Eigenschaft height wird nicht unterstützt. (Netscape Navigator 4.0)".
Meine unterschiedlichen "Unterseiten" in .htm sollen in dem "content1"-div geladen werden. Wo genau muss ich den PHP-Code denn setzen, damit er das ausführt, was ich will. Ich bin mir auch nicht so ganz sicher, ob die "Verlinkung" so korrekt ist, wie ich sie gemacht habe....
Vielen Dank, Saskia
 
Status
Nicht offen für weitere Antworten.
Zurück