hi there,
i know question has been asked often...but i'm new joomla cms , having layout problems in firefox. i'm attaching html , .css code.
if @ [url=http://"http://www.anonsolutions.com"]http://www.anonsolutions.com[/url] in firefox can see blue table shifts right , not centered.
if can point out problem great!
html code:
here .css:
i know question has been asked often...but i'm new joomla cms , having layout problems in firefox. i'm attaching html , .css code.
if @ [url=http://"http://www.anonsolutions.com"]http://www.anonsolutions.com[/url] in firefox can see blue table shifts right , not centered.
if can point out problem great!
html code:
code: select all
<?php
defined( '_valid_mos' ) or die( 'direct access location not allowed.' );
// needed seperate iso number language file constant _iso
$iso = split( '=', _iso );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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>
<link rel="shortcut icon" href="/favicon.ico">
<?php mosshowhead(); ?>
<?php
if ( $my->id ) {
initeditor();
}
$collspan_offset = ( moscountmodules( 'right' ) + moscountmodules( 'user2' ) ) ? 2 : 1;
//script determine div setup layout use based on module configuration
$user1 = 0;
$user2 = 0;
$sandbox_area = 0;
// banner combos
//user1 combos
if ( moscountmodules( 'user1' ) + moscountmodules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
} elseif ( moscountmodules( 'user1' ) == 1 ) {
$user1 = 1;
} elseif ( moscountmodules( 'user2' ) == 1 ) {
$user2 = 1;
}
//right based combos
if ( moscountmodules( 'right' ) , ( empty( $_request['task'] ) || $_request['task'] != 'edit' ) ) {
$sandbox_area = 2;
} else {
$sandbox_area = 1;
$user1 = $user1 == 1 ? 3 : 4;
$user2 = $user2 == 1 ? 3 : 4;
}
?>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="<?php echo $mosconfig_live_site;?>/templates/mbt_simple/css/template_css.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="<?php echo $mosconfig_live_site;?>/images/favicon.ico"/>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<div align="center">
<div id="main_outline">
<div id="header_area">
<div id="header">
<!-- <img src="<?php echo $mosconfig_live_site;?>/templates/mbt_simple/images/title_back.png" width="500" height="100" alt="mambo theme"/> -->
</div>
<div id="top_outline">
<?php
if ( moscountmodules( 'top' ) ) {
mosloadmodules ( 'top' );
} else {
?>
<span class="error"></span>
<?php
}
?>
</div>
</div>
<div align=center><table width="802" border="0">
<tr>
<td width="800" height="23" background="http://www.anonsolutions.com/images/banner-background.gif"></td>
</tr>
</table>
<div id="pathway_outline">
<div id="pathway">
<?php mospathway(); ?>
</div>
<!--
<div id="buttons">
</div>
-->
</div>
<div id="search">
<?php mosloadmodules ( 'user4', -1 ); ?>
</div>
<div class="clr"></div>
<div id="left_outline">
<div id="left">
<?php mosloadmodules ( 'left' ); ?>
</div>
</div>
<div id="content_area">
<div id="content">
<?php
if ( moscountmodules ('banner') ) {
?>
<div id="banner_area">
<div id="banner">
<?php mosloadmodules( 'banner', -1 ); ?>
</div>
</div>
</div>
<?php
}
if ( moscountmodules( 'right' ) , ( empty ($_request['task'] ) || $_request['task']!='edit' ) ) {
?>
<div id="right_outline">
<div id="right">
<?php mosloadmodules ( 'right' ); ?>
</div>
</div>
<?php
}
?>
<div id="sandbox_area_<?php echo $sandbox_area ?>">
<div class="sandbox_area">
<?php
if ( moscountmodules( 'user1' ) ) {
?>
<div id="user1_<?php echo $user1; ?>">
<div class="user1_outline">
<?php mosloadmodules ( 'user1' ); ?>
</div>
</div>
<?php
}
if (moscountmodules( 'user2' )) {
?>
<div id="user2_<?php echo $user2; ?>">
<div class="user2_outline">
<?php mosloadmodules ( 'user2' ); ?>
</div>
</div>
<?php
}
?>
<div class="clr"></div>
<div class="content_outline">
<?php mosmainbody(); ?>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div align="center">(c)2006 <a href="<?php echo $mosconfig_live_site;?>"><?php echo $mosconfig_sitename;?></a><div align="center">.copyright © 1999-2006 - 869 du carrefour | pq |canada | j8n-5c8 <br> toll free: 1.800.452.6906 | fax: 1.208.275.4384 </div><a href="http://xuzo.com/sitemap.xml">xml</a>><a href="http://xuzo.com/pataya.php">wbots
<?php mosloadmodules( 'debug', -1 );?>
</body>
</html>
here .css:
code: select all
/* css document */
.clr {
clear: both;
}
#main_outline {
width: 802px !important;
width: 808px;
border: 0px solid #333399;
padding: 6px;
background: #ffffff;
}
#pathway_outline {
width: 800px !important;
width: 800px;
float: left;
border: 1px solid #cccccc;
background: #fff8e7;
margin-bottom: 2px !important;
margin-bottom: -2px;
margin-top: 0px
}
#pathway {
float: left;
padding: 4px 3px 3px 5px;
}
#buttons {
float: right;
margin: 0px;
padding: 0px;
width: 50%;
}
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
display: block;
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: right;
margin: 0;
width: auto !important;
width: 15%;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-left: 1px solid #333399;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}
#buttons>ul#mainlevel-nav li { width: auto; }
ul#mainlevel-nav li a:hover
{
color: #ffff00;
background: #264989;
}
#search {
float: right;
border: 0px solid #ffff00;
padding: 0px;
width: 163px !important;
width: 165px;
height: 21px !important;
height: 23px;
overflow: hidden;
}
#search .inputbox {
border: 0px;
padding: 4px 3px 3px 5px !important;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
height: 17px !important;
height: 19px;
width: 153px !important;
width: 159px;
color: #ffff00;
}
#header_area {
width: 802px !important;
text-align: left;
border: 0px;
margin: 0px;
}
#header {
float: left;
padding: 0px;
margin: 0px;
width: 635px;
height: 70px;
background: url(../images/header_short.jpg) no-repeat;
}
#top_outline {
float: left;
border: 0px solid #333399;
padding: 0px;
margin-left: 0px;
float: left;
overflow: hidden;
height: 70px !important;
height: 70px;
width: 165px !important;
width: 165px;
}
#left_outline {
margin-top: 2px;
border: 0px solid #333399;
padding: 2px;
float: left;
width: 159px !important;
width: 165px;
}
#left_outer {
float: left;
margin-top: 2px;
width: 165px;
}
#left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
}
#content_area {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #ffffff; **/
float: left;
width: 635px;;
}
#banner_area {
width: 635px;
margin-top: 2px;
margin-bottom: 0px !important;
margin-bottom: -3px;
}
#banner {
float: left;
padding: 0px;
width: 468px;
}
#poweredby {
float: left;
margin-left: 2px;
}
#sandbox_area_2 .sandbox_area {
float: left;
margin-top: 2px;
width: 468px;
}
#sandbox_area_1 .sandbox_area {
float: left;
margin-top: 2px;
width: 635px;
}
#right_outline {
border: 1px solid #ffffff;
margin-top: 0px;
float: right;
padding: 2px;
width: 159px !important;
width: 165px;
}
/** both user1 , user2 visible **/
#user1_2 .user1_outline {
width: 227px !important;
width: 233px;
border: 1px solid #333399;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}
#user2_2 .user2_outline {
width: 227px !important;
width: 233px;
border: 1px solid #333399;
float: right;
margin-left: 2px;
margin-bottom: 2px;
padding: 2px;
}
/** either user1 or user2 visible **/
#user1_1 .user1_outline {
width: 462px !important;
width: 468px;
border: 1px solid #333399;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}
#user2_1 .user2_outline {
width: 462px !important;
width: 468px;
border: 1px solid #333399;
float: right;
margin-bottom: 2px;
padding: 2px;
}
/** based on 100% content width **/
#user1_4 .user1_outline {
width: 311px !important;
width: 317px;
border: 1px solid #333399;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}
#user2_4 .user2_outline {
width: 310px !important;
width: 316px;
border: 1px solid #333399;
float: right;
margin-left: 2px;
margin-bottom: 2px;
padding: 2px;
}
/** either user1 or user2 visible **/
#user1_3 .user1_outline {
width: 629px !important;
width: 635px;
border: 1px solid #333399;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}
#user2_3 .user2_outline {
width: 629px !important;
width: 635px;
border: 1px solid #333399;
float: right;
margin-bottom: 2px;
padding: 2px;
}
/** adjust content area based on right nav **/
#sandbox_area_2 .content_outline {
width: 462px !important;
width: 468px;
border: 1px solid #ffffff;
padding: 2px;
}
#sandbox_area_1 .content_outline {
width: 629px !important;
width: 635px;
border: 0px solid #ffffff;
padding: 3px;
}
#active_menu {
font-weight: bold;
}
a#active_menu:hover {
color: #ff6600;
}
.maintitle {
color: #ffffff;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}
.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}
/** old stuff **/
.back_button {
float: left;
font-size: 11px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
border: 1px solid #ffffff;
width: 40px;
padding: 4px;
}
.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px solid #ffffff;
width: auto;
padding: 4px;
margin: 1px;
}
.pagenavbar {
padding-right: 5px;
float: right;
}
#footer {
text-align: center;
padding: 3px;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
td {
text-align: left;
font-size: 11px;
}
body {
margin: 0px;
height: 100%;
padding: 0px;
font-family: arial, helvetica, sans serif;
font-size: 11px;
color: #000000;
background: #ffffff;
}
/* mambo core stuff */
a:link, a:visited {
color: #0000ff; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #0000ff; text-decoration: underline;
font-weight: bold;
}
table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table.contentpane td {
margin: 20px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
table.contentpane td.contentheading {
padding-left: 15px;
padding-top: 9px;
}
.button {
font-family: arial, helvetica, sans serif;
text-align: center;
font-size: 12px;
}
.inputbox {
}
#sandbox_area_2 .componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #ffffff;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
width: 458px !important;
width: 462px;
}
#sandbox_area_1 .componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #ffffff;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
width: 625px !important;
width: 629px;
}
.contentcolumn {
padding-right: 5px;
}
.contentheading {
height: 30px;
background: url(../images/contenthead.png) repeat-x;
color: #999999;
text-align: left;
padding-top: 9px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
}
.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #000000;
text-align:left;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
font-weight: bold;
}
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #c0c0c0;
}
table.moduletable th {
background-color: #e7e7e7;
color: black;
text-align: left;
padding-top: 4px;
padding-left: 18px;
height: 21px;
font-weight: bold;
font-size: 12px;
border-bottom: medium solid #3879a7
}
table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
table.pollstableborder td {
padding: 2px;
background: #ffffff;
}
.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.small {
color: #999999;
font-size: 11px;
font-weight: bold;
}
.createdate {
height: 15px;
padding-bottom: 10px;
color: black;
font-size: 11px;
font-weight: bold;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: black;
font-size: 11px;
font-weight: bold;
}
table.contenttoc {
border: 1px solid #333399;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #ffffff;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
vertical-align: middle;
font-size: 12px;
font-weight: none;
color: #16387c;
text-align: left;
padding-top: 0px;
padding-left: 18px;
height: 19px !important;
height: 24px;
width: 100%;
text-decoration: underline;
text-transform:none
}
a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
text-align: left;
}
h1 {
color: #000000;
font-size : 14px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
}
/*this pink module*/
table.moduletable-pink {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid f2cfe9;
}
table.moduletable-pink th {
background-color: #f2cfe9;
color: black;
text-align: left;
padding-top: 4px;
padding-left: 18px;
height: 21px;
font-weight: bold;
font-size: 12px;
}
table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
/*this orange module*/
table.moduletable-orange {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #ffcc33;
}
table.moduletable-orange th {
background-color: #ffcc33;
color: white;
text-align: left;
padding-top: 4px;
padding-left: 18px;
height: 21px;
font-weight: bold;
font-size: 12px;
}
table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
/* gray table module*/
table.moduletable-gray {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #e7e7e7;
}
table.moduletable-gray th {
background-color: #e7e7e7;
color: black;
text-align: left;
padding-top: 4px;
padding-left: 18px;
height: 21px;
font-weight: bold;
font-size: 12px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
Comments
Post a Comment