Frage zum vms2 design erstellen

smoopie

Well-known member
ID: 407718
L
30 Dezember 2010
136
2
Hey leute ich hoffe ich bin hier im richtigen berreich für meine frage es geht um ein design was ich grade "versuche" ans vms anzupassen in css .

so ich habmal das design grob erstellt vileicht nicht der beste code aber ich steh ja noch so zimlich am anfang :)

nun habe ich ein problem habe die boxen von den 2 menus farblich gemacht damit man es besser erkennt und zwar habe ich die 2 menus ( menu_inc und menu_inc2 ) beide denke ich erfolgreich in die index includet ( nennt man es so? ) doch wenn ich den content bereich

<?
/* Laden des Contents */
@require_once('include/content/'.$_GET['content'].'.php');
?>

einfügen möchte zerspringt mir die seite und ich sehe rechtes sowie footer nicht mehr damit man siht was ich meine habe ich es mal auf nen test server von mir geladen einmal mit content include und einmal ohne so wie letzteres muss es ja sein also hier die links

einmal mit content include https://play4-you.de/2/

einmal ohne conten include https://play4-you.de/1/

hoffe das es ersichtlich ist und mir jemand helfen kann .

hir noch der code damit ihr seht was ich da fabrziert habe :D

Code:
body{
background-color: #0084c9;
background-image: url(images/oase/bg.gif);
background-repeat: repeat-x;
}

    /* Pagebox */
#pagebox{
	width:890px;
	margin:0 auto;	
}
	
    /* Header */
#header{
	width:890px;
	height:190px;
	background:url(images/oase/header.png);
}
#headerad{
	height:60px;
	margin-left:414px;
}
    /* Navigation */
#navigation {
	width: 890px;
	height: 45px;
	margin-left:1px;
	padding: 0;
	background: url(images/oase/bgnav.gif) no-repeat left top;
} 

#navigation ul {
	list-style: none;
	margin:0px 3px;
	padding: 0px;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	display:block;
	height:1px;
	width:125px;
	float: left;
	padding: 15px  0 30px 0px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
} 

#navigation ul li a:hover {
	color:#FFF;
	background: url(images/oase/hover.gif) repeat-x left top;
}

#navigation ul li#active a {
	color:#FFF;
	background: url(images/oase/hover.gif) repeat-x left top;
}

    /* Boxmenuinc */
#boxmenuinc{
	float:left;
	width:187px;
	height:50px;
	background-color:#099;
}

    /* Boxcontent */
#boxcontent{
	float:left;
	width:516px;
}
.contentboxoben{
	background:url(images/oase/contentoben.png);
	width:516px;
	height:55px;
}
.contentboxmitte{
	background:url(images/oase/contentmitte.png);
	width:516px;
}
#inhaltmitte{
	width:483px;
	margin-left:17px;
	overflow:hidden;
}

.contenboxunten{
	background:url(images/oase/contentunten.png);
	width:516px;
	height:20px;
}

    /* Boxmenuinc2 */
#boxmenuinc2{
	float:left;
	width:187px;
	height:50px;
	background-color:#099;
}

#minheight {
clear:both;
margin:0 auto;
}
 
     /* Footer */
#footer {
	background:url(images/oase/footerwasser.png);
width:1000px;
height:134px;
margin:0 auto;
}


    /* Strand */
#footersand{
	width:890px;
	height:134px;
	margin:0 auto;
	background:url(images/oase/footerstrand.png);
}



    /*************************** Menuinc *************************/
	
	
    /*************************** Menuinc2 *************************/

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!--pagebox anfang-->
<div id="pagebox">

<!--header anfang-->
<div id="header">
<div id="headerad">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="175" valign="bottom"><img src="images/oase/bannerad.gif" width="468" height="60" alt="" /></td>
  </tr>
</table>
</div>
</div>
<!--header ende-->

<!--navigation anfang-->
<div id="navigation">
			<ul>
            	<li><a href="#" style="text-align:center">Home</a></li>
                <li id="active"><a href="#" style="text-align:center">Mediadaten</a></li>
                <li><a href="#" style="text-align:center">FAQ</a></li>
				<li><a href="#" style="text-align:center">AGB</a></li>
                <li><a href="#" style="text-align:center">Werbepreise</a></li>
				<li><a href="#" style="text-align:center">Kontakt</a></li>
			</ul>
</div>
<!--navigation ende-->

<!--menuinc anfang-->
<div id="boxmenuinc">
<?
   /* Laden des menüs */
   @require_once('include/system/menue.inc.php');
   ?>
</div>
<!--menuinc ende-->

<!--boxcontent anfang-->
<div id="boxcontent">
<div class="contentboxoben"></div>
<div class="contentboxmitte">
<div id="inhaltmitte">

</div>
</div>
<div class="contenboxunten"></div>

<div class="contentboxoben"></div>
<div class="contentboxmitte"></div>
<div class="contenboxunten"></div>
</div>
<!--boxcontent ende-->

<!--menuinc2 anfang-->
<div id="boxmenuinc2">
<?
   /* Laden des menüs */
   @require_once('include/system/menue.inc2.php');
   ?>


</div>
</div>

<!--menuinc2 ende-->

<!--pagebox ende-->

<div id="minheight"></div>

<!--footer anfang-->
<div id="footer">
<div id="footersand"></div>
</div>
</body>
</html>

Ich hoffe mal das mir jemand helfen kann den im vms2 forum siht es recht flau aus :(
ich bedanke mich aber schonmal für jede antwort :)