Zigs

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>

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.

bump...... Please anyone?

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!