1
I have some probleme with my theme.
This is my html code
<!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" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}>-<{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<{$xoops_module_header}>
</head>
<body>
<div id="siteframe">
<div class="pageHeader">
<div id="pageHeaderLogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>images/logo.gif" alt="<{$xoops_sitename}>" align="middle" /></a></div>
<div id="pageHeaderBanner"><{$xoops_banner}></div>
</div>
<div class="pageNavMenu">
<{include file="odesia_v4/blocks/theme_navmenu.html"}>
</div>
<{if $xoops_lblocks}>
<div id="blockLeft">
<{foreach item=block from=$xoops_lblocks}>
<{include file="odesia_v4/blocks/theme_block_left.html"}>
<{/foreach}>
</div>
<{/if}>
<{if $xoops_rblocks}>
<div id="blockRight">
<{foreach item=block from=$xoops_rblocks}>
<{include file="odesia_v4/blocks/theme_block_right.html"}>
<{/foreach}>
</div>
<{/if}>
<div id="blockCenter">
<div class="pageTitle"><{$xoops_sitename}> - <{$xoops_pagetitle}><hr /></div>
<{if $xoops_showcblock == 1}>
<div id="block1123">
<div id="blockCenterC">
<{foreach item=block from=$xoops_ccblocks}>
<{include file="odesia_v4/blocks/theme_block_centerc.html"}>
<{/foreach}>
</div>
<div id="blockCenterL">
<{foreach item=block from=$xoops_clblocks}>
<{include file="odesia_v4/blocks/theme_block_centerl.html"}>
<{/foreach}>
</div>
<div id="blockCenterR">
<{foreach item=block from=$xoops_crblocks}>
<{include file="odesia_v4/blocks/theme_block_centerr.html"}>
<{/foreach}>
</div>
</div>
<{/if}>
<div id="mainContent"> <{$xoops_contents}> </div>
</div>
<div class="pageFooter"><{$xoops_footer}></div>
</div>
</body>
</html>
And my style sheet
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
.pageHeader{
width:100%;
height:81px;
background-image:url(images/header_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}
#pageHeaderLogo{
width: 240px;
float: left;
}
#pageHeaderBanner{
text-align: center;
padding-top: 10px;
}
.pageNavMenu{
text-align: center;
padding-top:4px;
padding-bottom:4px;
background-color: #9AB6C9;
color: #394F76;
background-image:url(images/navmenu_bg.jpg);
background-repeat:repeat-x;
}
.pageNavMenu a{
font-weight:bold;
color: #3C5F84;
}
.pageNavMenu a:hover{
color: #FFFFFF;
}
#blockLeft{
width: 150px;
float: left;
}
#blockRight{
width:175px;
float: right;
}
#blockCenter{
width: 674px;
margin-left:175px;
margin-right:175px;
background-color:#FFFFFF;
}
#blockCenterL{
float: left;
width:322px;
}
#blockCenterC{
width:644px;
}
#blockCenterR{
float: right;
width:322px;
}
#mainContent{
text-align: left;
padding:5px;
}
#siteframe {
width:1024px;
margin:0 auto;
background-color:#EFEFEF;
}
#conteneur {
width:100%;
background-color:#EFEFEF;
}
.pageFooter{
width:100%;
padding-top:8px;
padding-bottom:8px;
text-align: center;
font-weight: bold;
clear: both;
background-color: #394F76;
color: #FFFFFF;
}
The center block and the content is display after the text of the right or left collomn and I dont know why.
Any body can help me to debug this?
