Template probleempje!! - Joomla! Forum - community, help and support
hoi,
ik ben bezig met het bouwen van een template voor een persoonlijke website met joomla. nu heb ik een probleem met het plaatsen van de 2 kolommen in het midden van de site. deze komen onder elkaar i.p.v. naast elkaar. ik heb al van alles geprobeerd, maar kom er niet uit!! wie helpt??
link: http://www.the-rodge.nl/joomla/
mijn html:
mijn css:
wat doe ik fout??
ik ben bezig met het bouwen van een template voor een persoonlijke website met joomla. nu heb ik een probleem met het plaatsen van de 2 kolommen in het midden van de site. deze komen onder elkaar i.p.v. naast elkaar. ik heb al van alles geprobeerd, maar kom er niet uit!! wie helpt??
link: http://www.the-rodge.nl/joomla/
mijn html:
code: select all
<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?><?php defined( "_valid_mos" ) or die( "direct access location not allowed." );?>
<!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>
<?php if ( $my->id ) { initeditor(); } ?>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<?php mosshowhead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$globals[mosconfig_live_site]/templates/$globals[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$globals[mosconfig_live_site]/images/favicon.ico\" />" ; ?></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="date"><?php echo moscurrentdate(); ?></div>
<div id="header"></div>
<div id="breadcrumbs"><div class="pathway"><br><?php mospathway(); ?></div></div>
<div id="menu"><div id="sitemenu"></div></div>
<div id="contentframe"><div id="links" align="left"><div id="menu_boven"></div><div id="midden_wit"><?php mosloadmodules ( 'left' ); ?></div><div id="menu_onder"></div><div id="rechts"><div id="rechts_boven"></div><div id="rechts_midden"></div><div id="rechts_onder"></div><div id="content_boven"></div><div id="content"><?php mosmainbody(); ?></div><div id="content_onder"></div></div></div></div>
<div id="footer"><div id="footer_text"><?php include_once('includes/footer.php'); ?></div></div>
</body>
mijn css:
code: select all
/**the-rodge.nl template**/
body {
background: #bcd2ff;
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 760px;
margin: auto;
}
/**date-object**/
#date {
}
/**header-object**/
#header {
background-image: url(../images/banner_the-rodge-nl.gif);
background-repeat: no-repeat;
height: 140px;
margin: auto;
width: 760px;
vertical-align: top;
}
/**breadcrumbs-object**/
#breadcrumbs {
background-image: url(../images/breadcrumbs.gif);
background-repeat: no-repeat;
margin: auto;
width: 760px;
height: 25px;
}
.pathway {
line-height: 5px;
margin-top: 2px;
text-align: left;
margin-left: 5px;
}
/**menu**/
#menu {
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
margin: auto;
width: 760px;
height: 20px;
}
/**content**/
#contentframe {
width: 760px;
background-position: center;
margin: auto;
margin-bottom: 5px;
}
#links {
background-position: left;
margin-top: 15px;
}
#rechts {
float: right;
margin-top: 15px;
}
/**menu right**/
#menu_boven {
background-image: url(../images/menu_rond_boven.gif);
background-repeat: no-repeat;
background-position: left;
text-align: left;
width: 183px;
height: 20px;
}
#midden_wit {
background: #ffffff;
width: 182px;
background-position: left;
text-align: left;
margin-left: 1px;
}
#menu_onder {
background-image: url(../images/menu_rond_onder.gif);
background-repeat: no-repeat;
background-position: left;
text-align: left;
width: 183px;
height: 20px;
}
/**content**/
#content_boven {
background-image: url(../images/rond_boven_main.gif);
background-repeat: no-repeat;
float: right;
width: 575px;
height: 20px;
}
#content {
background: #ffffff;
width: 567px;
float: right;
font-size: 11px;
font-weight: normal;
}
#content_onder {
background-image: url(../images/rond_onder_main.gif);
background-repeat: no-repeat;
float: right;
width: 575px;
height: 30px;
}
/**footer**/
#footer {
background-image: url(../images/footer.gif);
background-repeat: no-repeat;
width: 760px;
height: 40px;
margin: auto;
clear: both;
}
#footer_text {
clear: both;
margin: auto;
text-align: center;
font-size: 10px;
line-height: 14px;
}
/**the end**/
wat doe ik fout??
hoi,
ik duik niet meteen in je code, maar misschien heb je hier iets aan; http://www.subcide.com/tutorials/csslayout/page6.aspx
groet robin
ik duik niet meteen in je code, maar misschien heb je hier iets aan; http://www.subcide.com/tutorials/csslayout/page6.aspx
groet robin
Comments
Post a Comment