Mambo Problem

Zigs · February 17, 2008

Hi All,

I am very new to PHP. I am creating a site for my father in law and have run into a big issue.

The main page looks good, but on the sub pages the content on the right is in the wrong place.

The site is bayardmarinlaw.com/index.php

Any help would be appreciated!

Zigs · February 17, 2008

bump...... Please anyone?

alecks · February 17, 2008

this looks more like a styling issue, mess with the css sheets

Zigs · February 17, 2008

Thanks - Ive been in and out of the HTML and CSS and cant come up with a solution. Id be willing to let someone look at the backend if they are interested.

Zigs · February 17, 2008

Here is the CSS if anyone is willing to take a look

/* ---------------------
basic layout
--------------------- */

* {
font-family: Arial, Helvetica, sans-serif;
}

.waterbody {
background:#FFFFFF;
margin:0;
color:#333333;
}

div,
td,
p {
font-size:12px;
line-height:18px;
color:#333333;
}

a,
a:link,
a:active,
a:visited {
text-decoration:underline;
color:#000000;
}

a:hover {
text-decoration:underline;
}

ul {
margin: 5px;
padding: 5px;
list-style: none;
list-style-type: square;
}

li {
line-height: 18px;
padding-left: 5px;
padding-top: 0px;
list-style-position: inside;
}

/** To center the objects **/
.center {
text-align:center!important;
}

/** clear the banner to make it sit in the bottom **/
.clear {
clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
width:760px;
margin: 0px auto;
padding:0;
text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
width: 760px;
background:transparent url(../images/bg_inside.jpg) repeat-y left top;
float:left;
}

#outerleft {
position:relative;
float:left;
clear:left;
width:590px;

}

#outerright {
position:relative;
width:170px;
float:right;
clear:right;
}

#logo {
position:relative;
width:100%;
height:74px;
float:left;
background:#FFFFFF url(../images/bg_header.jpg) no-repeat left top;
}

/** div container for top menu. position:top **/
#topmenu {
position:relative;
float:left;
clear:left;
background-color:#000000;
width: 100%;
}

/** div container for image header **/
#imgheader {
position:relative;
float:left;
clear:left;
width:100%;
height:99px;
background-color: #000000;
}

#container_inner {
position:relative;
clear:left;
width:590px;
}

/** div container for left column **/
#leftcol {
position:relative;
float:left;
clear:left;
width:170px;
}

#leftcolmenu {
position:relative;
overflow:auto;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
position:relative;
float:right;
clear:right;
width:405px;
display:inline;
margin: 4px 6px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
position:relative;
float:left;
clear:left;
width:200px;
}

/** div container for position:user3 **/
#content_top2 {
position:relative;
float:right;
clear:right;
width:200px;
}

/** div container for mainbody **/
#content_main {
position:relative;
float:left;
width:395px;
margin:10px 0 20px 10px;
background-color:#FFFFFF;
overflow:auto;
word-wrap:break-word;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
float:left;
clear:left;
width:168px;
margin:0 0 0 1px;
display:inline;
overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
height:1px;
min-height:1px;
background:transparent url(../images/bg_topright.jpg) no-repeat center top;
}

/** div container for banner position:banner **/
#banner {
position:relative;
clear:left;
float:left;
width:590px;
height:65px;
min-height:65px;
color:#FFFFFF;
font-size:9px;
background-color: #333333;
display:block;
text-align:center!important;
vertical-align:middle;
padding:5px 0 0 0;
margin-top:20px;
}

#blackline {
position:relative;
clear:left;
float:left;
width:590px;
height:10px;
min-height:10px;
background-color: #000000;
color:#FFFFFF;
font-size:10px;
margin-top:20px;
}


/** copyright **/
#copyright {
position:relative;
width:760px;
display:block;
clear:both;
float:left;
}

#copyright div {
color:#000000;
font-size:10px;
font-weight:bold;
display:block!important;
width:760px;
float:left;
clear:left;
margin:-5px 0 0 0;
text-align:left;
}


/* ---------------------
mambo content layout
--------------------- */

/** pathway block **/
span.pathway {
display:block;
text-align:left;
color:#000000;
font-size:10px;
font-weight:bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E5E5E5;
height:20px;
margin-bottom:10px;
}

/** content title **/
.componentheading {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size: 20px;
line-height:25px;
padding: 5px 0 5px 0;
display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#003399;
font-weight: bold;
padding-top: 25px;
background-color:inherit;
display:block;
}

.contentpaneopen {
width:100%;
}


.buttonheading {
width: 16px!important;
text-align:right;
}


td.sectiontableheader {
font-weight: bold;
}

.category, .categorytitle {
font-weight: bold;
color:#003399;
background-color:inherit;
}

.sectiontableentry1,
table.pollstableborder tr.sectiontableentry1 {
background-color: #FBFBF4;
padding: 2px;
color:#333333;

}

.sectiontableentry2,
table.pollstableborder tr.sectiontableentry2 {
background-color: #FFFFFF;
padding: 2px;
color:#333333;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
word-wrap:break-word;
}

/** blog Styles **/
.blogsection {
color:#003399;
background-color:inherit;
}

.blog_more {
font-weight: bold;
line-height: 25px;
padding-top: 20px;
color: #003399;
border-bottom: 1px solid #E5E5E5;
background-color:inherit;
}

/** small text in content **/
.small {
color:#999999;
font-size:10px;
font-weight: bold;
background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
color:#ffcc00;
font-size:10px;
padding: 0 0 15px 0;
line-height:8px;
background-color:inherit;
}

#content_main .modifydate {
color:#999999;
font-size:10px;
padding: 0;
background-color:inherit;
}



/** toc page navigation  **/
.pagenav_prev,
.pagenav_next {
font-size:11px;
}


/** content item navigation  **/
.pagenavbar  {
display:block;
width:100%;
background-color:inherit;
height:20px;
line-height:25px;
text-align:right;
letter-spacing:2px;
color:#999999!important;
clear:both;
font-size: 11px!important;
margin-top: 10px;
background-image: url(../images/bg_pagenav.jpg);
background-repeat: repeat-x;
background-position: center bottom;	
}

.pagenav {
height:20px;
line-height:25px;
text-align:right;
letter-spacing:2px;
color:#999999;
clear:both;
font-size: 11px;
margin-left: 0;
margin-right: 0;
background-color:inherit;

}

.back_button {
display:block;
text-align:left;
font-weight:bold;
font-size:12px;
width:100%;
margin-bottom:10px;
letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
font-weight:bold;
background-color: #FFFF00;
padding: 2px 0 2px 0;

}

/** table of content layout **/
table.contenttoc {
border:1px solid #000000;
padding:1px;
display:block;
width:130px;
margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
color:#FFFFFF;
background-color:#666666;
font-size:11px;
display:block;
width:124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
    line-height: 18px;
font-size:11px;
font-weight:bold;
list-style-type: none;
list-style-position: outside;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
width:100%!important;
}


/* ---------------------
Links
--------------------- */

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited,
#leftcolmenu a:link,
#leftcolmenu a:active,
#leftcolmenu a:visited
{
color:#FFFFFF;
}

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
text-decoration:none;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
color:#666666;
font-weight:bold;
text-align:left;
margin-top:10px;
letter-spacing: 2px;
font-size:10px;
text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
color:#003399;
text-decoration:none;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
color:#FFFFFF;
text-decoration:none;
font-size:11px;
line-height: 27px;
}

/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover,
#leftcolmenu a.mainlevel:hover {
background-color:#021c6c;
color:#FFFFFF!important;
text-decoration:none!important;
}


/*
specific right column menu item. position:right
you need to add menu class suffix: -right and
module class suffix: -right
*/
.mainlevel-right {
display:block;
height:25px;
line-height:25px;
padding-left:15px;
background:#E9E8D3 url(../images/bg_mainlevel_right.gif) repeat-x center top;
font-weight:bold;
}

a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
color:#000000;
text-decoration:none;
font-size:11px;
background-color:#E9E8D3;
}

/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
background-color:#DFDDC6;
text-decoration:none;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
color:#999999;
text-decoration:none;
}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
color:#003399;
font-size:11px;
padding:2px 10px 2px 10px;
display:block;
text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
letter-spacing:2px;
color:#000000;
font-size: 11px;
text-decoration: none;


}

.pagenavbar a:hover {
color:#003399;
}

/** latestnews and popular **/
.latestnews,
.mostread {
color:#000000;
}

a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
color:#000000;
text-decoration:underline;
}

/** underline on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
text-decoration:underline;
/*color:#003399;*/
background-color:inherit;
}

#leftcolmenu a:hover,
#leftcol a:hover {
color: #003399;
text-decoration:underline;
}


/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
width:100%;
float:left;
clear:left;
}

/** general module table **/
#leftcol table,
#leftcol table td {
font-size:11px !important;
color:#FFFFFF !important;
}

#rightcol table,
#rightcol table td {
font-size:11px !important;
color:#030303;
}

/** general module title **/
table.moduletable th {
border-bottom: 1px solid #000000;	
color:#000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:25px;
background: #E3E2C6 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
height:22px;
text-align:left;
padding-left:15px;
font-weight:normal;
text-transform: uppercase;
letter-spacing: 1px;
}

#leftcol table.moduletable th {
background: #ACCCE6 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
}

#rightcol table.moduletable th {
background-color:#B3AE88;
}


/** specific module td table for content top 1 and 2. 
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
background-color:#F7F7EE;
height:100px;
min-height:100px;
vertical-align:top;
}

/** right column module td **/
#rightcol table.moduletable td   {
padding:5px;
}

/** generic menu item **/

.mainlevel  {
display:block;
font: bold 11px/25px Arial, Helvetica, sans-serif !important;
padding-left:15px;
background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
font-weight:bold;
text-decoration:none;
}

/** specific left column form **/
#leftcol form {
margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
font-size:11px;
color:#FFFFFF;
background-color:#003399;
border-right: 1px solid #49779D;
border-bottom: 1px solid #49779D;
border-left: 1px solid #7CADD6;
border-top: 1px solid #7CADD6;
width:140px;
}


/** specific left column form **/
#leftcol .inputbox {
font-size:11px;
font-weight: bold;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
color:#DADADA;
font-size:11px;
}


/** search div in top right column. positionuser4 **/
div.search {
margin-left:10px;
}

/** search field in search div **/
.search .inputbox {
width:145px;
border: 1px solid #000000;
}

/* ---------------------
mambo form layout
--------------------- */

/** left column input form **/
#leftcol .inputbox {
font-size:11px;
/*border: 1px solid #000000;*/
margin-bottom:2px;
}



/** input button html tag **/
.button,
#rightcol .button {
font-size:11px;
text-transform:uppercase;
color:#726C49;
font-weight:bold;
background-color:#F7F7EE;
border-top: 1px solid #D0CDB6;
border-right: 1px solid #5E5B47;
border-bottom: 1px solid #5E5B47;
border-left: 1px solid #D0CDB6;
}

.search  {
margin-top:30px;
}



/* 
mambo top menu layout
you need to add menu class suffix: -nav
*/

/** unordered list top menu **/
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}



/** unordered list item for top menu **/
ul#mainlevel-nav li
{
display: block;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
width: auto !important;
font-size: 11px;
line-height: 23px;
white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
background: #535353;
text-decoration:none;
}


/** for polls **/
.poll {
font-size:11px;
line-height: 16px;
}

table.pollstableborder .sectiontableentry2 {
background-color:transparent; 
text-align:left; 
}
table.pollstableborder .sectiontableentry1 {
background-color:#E3E2C6; 
text-align:left;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
background-color:transparent!important; 
text-align:left!important; 
}

/** hack to make any div or table inside content will not stretcg outside area*/
table.contentpane  table table input.inputbox {
max-width:80px;
width:80px;
}

table.contentpane {
width:390px!important;
}

.contentpaneopen {
width:100%!important;
}

.contentpaneopen tr.sectiontableentry2 td,
.contentpaneopen tr.sectiontableentry1 td{
display:block;
width:390px!important;
}

#con_global div, #con_global table,
#hp_view_standard_photo_con1 div div,
#hp_view_agen_con {
width:390px!important;
text-align:left;
}

#hp_view_standard_photo_con1 div div,
#hp_view_standard_photo_con2,
#hp_view_standard_photo_con3,
#hp_view_agen_con {
width:390px!important;
text-align:left;
}

table.contentpane  table  {
width:390px!important;
text-align:left;
}

table.contentpane  td.contentheading  {
width:200px!important;
}

table.contentpane  td.buttonheading  {
width:150px!important;
}

#bottompadding	{
position:relative;
width:760px;
display:block;
height:20px;
margin-top:-100px;
}

And here is the HTML

<!--IE 7 quirks mode please-->
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
?>
<!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 mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/waterandstone800_blue/css/template_css.css" rel="stylesheet" type="text/css"/>
</head>
<body class="waterbody">


<div align="center">
<div id="container">
<center><script language="JavaScript" src="http://jurist.law.pitt.edu/paperchaseheadlinesticker.js">
</script></center>
<div id="containerbg">
	<div id="outerleft">

		<!-- start logo -->
		<div id="logo">
		  <a href="index.php"><img src="<?php echo $mosConfig_live_site; ?>/templates/waterandstone800_blue/images/header.jpg" alt="logo image" border="0" align="top" /></a>
		</div>
		<!-- end logo -->
		<!-- start top menu. position:top -->
		<div id="topmenu">
		<?php mosLoadModules('top',-1); ?>
		</div>
		<!-- end top menu. position:top -->
		<!-- start image header -->
		<div id="imgheader">
		<img src="<?php echo $mosConfig_live_site; ?>/templates/waterandstone800_blue/images/img_header.jpg" alt="header image" />
		</div>
		<!-- end image header -->
		<div id="container_inner">
			<!-- start left column.position:left,user1 -->
			<div id="leftcol">
			<?php mosLoadModules('left'); ?>
			</div>
			<div id="leftcolmenu">
			<?php mosLoadModules('user1'); ?>
			</div>
			<!-- end left column.position:left -->
			<!-- start content top wrapper -->
			<?php
			if (mosCountModules('user2') >= 1 OR mosCountModules('user3') >= 1 ) {
			?>
			<div id="content_top_wrapper">
				<!-- start content top 1. position:user2 -->
				<div id="content_top1">
				<?php mosLoadModules('user2'); ?>
				</div>
				<!-- end content top 1 -->
				<!-- start content top 2. position:user3 -->
				<div id="content_top2">
				<?php mosLoadModules('user3'); ?>
				</div>
                                        
				<!-- end content top 2 -->
                              
			<?php
			}
			?>
			<!-- end content top wrapper -->
			<!-- start main body -->
			<div id="content_main">
			<?php mosPathWay(); ?>
			<table width="395" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td>
				<?php mosMainBody(); ?>
				</td>
			  </tr>
			</table>
			</div>
			<!-- end main body -->
                               </div>
		</div>
	</div>
	<div id="outerright">
		<!-- start right top header. position:header -->
		<div id="rightcol_top">
		<?php mosLoadModules('header'); ?>
		</div>
		<!-- end right top header.-->
		<!-- start right column. position:newsflash,right,user4 -->
		<div id="rightcol">
		<?php mosLoadModules('newsflash'); ?>
		<?php mosLoadModules('right'); ?>
		<?php mosLoadModules('user4'); ?>
		</div>
		<!-- end right column. -->
	</div>
	<!-- start banner. position:banner -->
	<div class="clear">
	</div>
	<?php
	if (mosCountModules('banner') >= 1) {
	?>
	<div id="banner">
		<div align="left">
		<?php mosLoadModules('banner'); ?>
		</div>
	</div>
	<?php
	} else {
	?>
	<div id="blackline">
	</div>
	<?php
	}
	?>
	<!-- end banner. -->
	<div class="clear">
	</div>
	<div id="bottompadding">
	</div>
</div>
<!-- copyright notice -->
<div id="copyright">
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
</div>

</div>
</div>
<?php mosLoadModules('debug', -1);?>
</body>
</html>

Sign In

Mambo Problem

Recommended Posts

Zigs

Link to comment

Share on other sites

Zigs

Link to comment

Share on other sites

alecks

Link to comment

Share on other sites

Zigs

Link to comment

Share on other sites

Zigs

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information