Hej med jer.
Jeg er igang med at implementere mit design med joomla da jeg støder på en fejl jeg simpelthen ikke kan finde løsningen på.
Det drejer sig om at jeg ude i siden kan se at den har skubber højre side.
Det kan ses her =
http://www.partyfactory.dk/sc.pngNogen der ved hvad der kan være galt?
HTML/PHP
<?php
defined('_JEXEC') or die('Restricted access');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/template_css.css" type="text/css" />
</head>
<body>
<div id="sitecontainer">
<div id="top-nav">Kontakt - Om YAMF - Login</div>
<div id="topbanner"></div>
<div id="menu-container">
<div id="menu">
<div id="menu-left">
</div>
<div id="menu-content">
</div>
<div id="menu-right">
</div>
</div>
</div>
<div id="content-container">
<div id="left">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="right">
<jdoc:include type="modules" name="top" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user1" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user2" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="right" style="beezDivision" headerLevel="3" />
</div>
</div>
<div style="clear: both;"></div>
</div>
<div id="footer">
<?php echo JText::_('Powered by');?> <a href="http://www.joomla.org/">Joomla!</a>Copyright © by You And Me Foundation - 2010 # Design created by Asmus Lars Brigsted
</div>
</body>
</html>CSS
body { background: #000000 url(../images/bg.png); font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
a:link, a:visited {font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
#sitecontainer{ width:1000px; background-color: #FFFFFF; margin: 0px auto; margin-top: 20px; }
#top-nav{ background: #006cff url(../images/top-nav-bg.png); width:980px; height:20px; color: #000000; padding: 5 10 0 10; }
#topbanner{ width:1000px; height:175px; background-color: #ffffff; color: #000000; background: #ffffff url(../images/topbanner.png);}
#menu-container{ width:1000px; height:64px; background-color: #ffffff; color: #000000;}
#menu{ width:924px; height:58px; background-color: #ffffff; color: #000000; margin-left: 38px;}
#menu-left{ width:12px; height:58px; background: #ffffff url(../images/menu-left.png); color: #000000; float:left; }
#menu-content{ width:900px; height:58px; background: #ffffff url(../images/menu-content.png); color: #000000; float:left; }
#menu-right{ width:12px; height:58px; background: #ffffff url(../images/menu-right.png); color: #000000; float:left; }
#content-container{ width:1000px; background-color: #ffffff; color: #000000;}
#left{ width:200px; height:100%; background-color: #ffffff; color: #000000; float: left; margin-left: 0px; margin-bottom: 10px;}
#content{ width:560px; height:100%; background-color: #ffffff; color: #000000; float: left; margin-left: 10px; margin-bottom: 10px;}
#right{ width:200px; height:100%; background-color: #ffffff; color: #000000; float: left; margin-left: 10px; margin-bottom: 10px;}
#footer{ width:1000px; height:40px; background: #ffffff url(../images/footer-bg.png); color: #000000; margin: 0 auto;}
//menu
div.module_menu {background: url(../images/mw_box_br.png) 100% 100% no-repeat;}
div.module_menu div {background: url(../images/mw_box_bl.png) 0 100% no-repeat;}
div.module_menu div div {background: url(../images/mw_box_tr.png) 100% 0 no-repeat;}
div.module_menu div div div{ background: url(../images/mw_box_tl.png) 0 0 no-repeat;}
div.module_menu h3 {font-family: Helvetica, Arial, sans-serif; color:#FF4200; font-size: 12px; font-weight: bold; color: #eee; margin: -25px 0px 8px 10px; }
div.module_menu {margin: 0; padding: 0; margin-bottom: 15px; padding:-15px;}
div.module_menu div div div {padding-top: 35px; padding-bottom: 30px; width: auto; color:#FF4200;}
div.module_menu div div div div { background: none; padding: 0;}
div.module_menu ul { margin: 0px 0; padding-left: 0px; list-style-type: none;}
.module_menu li a{font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; display: block; padding: 10px 0px 0px 10px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; list-style-type: none;}