247portal-b-blue alignment problem with IE-7 - Joomla! Forum - community, help and support
since installing ie-7 247portal-b-blue template has slight alignment problem @ top end, see @ http://www.diecastdiner.com . here css, source code won't fit in post, can fetched home page. time, , in matter,
code: select all
}
td, tr, p, div {
font-family : arial, helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
hr {
color : #999999;
height : 1px;
width : 100%;
}
.mod {
background : #ffffff;
width : 2px;
}
.mt {
font-family : verdana, geneva, arial, helvetica, sans-serif;
color : #fefefe;
font-size : 4px;
font-weight : normal;
}
.mt a:link, .mt a:visited {
font-size : 4px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.mt a:hover {
font-size : 4px;
color : #fefefe;
text-decoration : none;
font-weight : bold;
}
.main {
float : left;
width : 100%;
margin : 0px;
padding : 0px;
}
.contentdescription {
width : auto !important;
display : block;
}
#buttons {
float : right;
margin : 0px;
padding : 0px;
width : 50%;
}
ul#mainlevel-nav {
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
display : block;
background-image : none;
padding-left : 1px;
padding-right : 1px;
float : right;
margin : 0;
width : auto !important;
font-size : 11px;
line-height : 22px;
white-space : nowrap;
border-left : 1px solid #cccccc;
}
ul#mainlevel-nav li {
font-size : 11px;
display : block;
padding-left : 16px;
padding-right : 15px;
text-decoration : none;
color : #999999;
background : transparent;
}
ul#mainlevel-nav li a:hover {
font-size : 11px;
color : #333333;
}
.sublevel {
padding-left : 10px;
}
.leftrow {
background-color : #f1f1f1;
width : 168px;
height : 100%;
margin-right : 5px;
}
.rightrow {
background-color : #f1f1f1;
height : 100%;
width : 168px;
align : right;
margin-left : 5px;
}
table.moduletable {
width : 100%;
table-layout : auto;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
}
table.moduletable th {
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
height : 21px;
line-height : 21px;
text-indent : 8px;
letter-spacing : 1px;
color : #fff;
background-image : url(../images/modul.jpg);
}
table.moduletable td {
padding-left : 0px;
padding-right : 0px;
}
#search {
float : left;
margin-top : 5px;
border : 1px solid #cccccc;
padding : 0px;
width´ : 123px !important;
width : 125px;
height : 16px !important;
height : 16px;
overflow : hidden;
}
#search .inputbox {
border : 0px;
margin-top : 0px;
padding : 2px 3px 2px 6px !important;
padding : 0px 3px 2px 6px;
font-family : arial, helvetica, sans-serif;
font-size : 10px;
height : 12px !important;
height : 12px;
width : 123px !important;
width : 125px;
color : #999999;
background : #ffffff;
}
.back_button {
color : #333333;
font-family : tahoma, verdana, arial, helvetica, sans-serif;
font-size : 11px;
background : url(../images/bb.gif);
background-repeat: no-repeat;
white-space : normal;
font-weight : normal;
border : 1px solid #999999;
padding-bottom : 4px;
padding-left : 20px;
padding-right : 2px;
padding-top : 1px;
margin-right : 4px;
float : right;
font-weight : normal;
line-height : 10px;
text-decoration : none;
}
.button {
font-size : 11px;
color : #333333;
border : 1px solid #999999;
margin-bottom : 5px;
background-color : #ededed;
padding : 1px;
}
.inputbox {
border : 1px solid #999999;
background : transparent url(../images/back.gif);
background-color : #ededed;
margin-bottom : 5px;
color : #333333;
}
.sectiontableheader {
font-size : 11px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #333333;
background : #ededed;
padding : 1px;
}
.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : #e3e3e3;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
}
a.mainlevel {
margin : 0px;
padding : 0px;
font-size : 12px;
width : 168px;
background-color : #ecead8;
text-indent : 10px;
}
a.mainlevel: link {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 168px;
background-color : #e3e3e3;
text-indent : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
background-color : #ededed;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #333333;
width : 168px;
text-indent : 10px;
}
a.mainlevel:hover {
background-color : #e3e3e3;
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-indent : 10px;
}
#active_menu {
color : #333333;
background-color : #e3e3e3;
font-weight : bold;
}
a#active_menu:hover {
color : #333333;
}
a:link, a:visited {
font-size : 11px;
color : #0066cc;
text-decoration : none;
font-weight : bold;
}
a:hover {
font-size : 11px;
color : #333333;
text-decoration : none;
font-weight : bold;
}
a.category:link, a.category:visited {
font-size : 11px;
font-weight : bold;
}
a.readon:link, a.readon:visited {
color : #0066cc;
font-family : tahoma, verdana, arial, helvetica, sans-serif;
font-size : 11px;
background : url(../images/read.gif);
background-repeat: no-repeat;
white-space : normal;
font-weight : bold;
border : 1px solid #999999;
padding-bottom : 3px;
padding-left : 21px;
padding-right : 2px;
padding-top : 1px;
float : left;
line-height : 10px;
text-decoration : none;
}
a.readon:hover {
color : #333333;
font-family : tahoma, verdana, arial, helvetica, sans-serif;
font-size : 11px;
background : url(../images/read.gif);
background-repeat: no-repeat;
white-space : normal;
font-weight : bold;
border : 1px solid #999999;
padding-bottom : 3px;
padding-left : 21px;
padding-right : 2px;
padding-top : 1px;
float : left;
line-height : 10px;
text-decoration : none;
}
ul {float : left;
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {
line-height : 15px;
padding-left : 15px;
padding-top : 0px;
background-image : url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
table.contenttoc {
border : 1px solid #ffffff;
background : #f1f1f1;
padding : 5px;
margin-left : 2px;
margin-bottom : 2px;
}
.pagenavcounter {
font-size : 10px;
color : #0066cc;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
color : #cccccc;
}
a.pagenav:link, a.pagenav:visited {
text-decoration : none;
}
a.pagenav:hover {
text-decoration : none;
}
.date {
font-size : 10px;
color : #333333;
padding-right : 10px;
}
.small {
font-size : 10px;
color : #333333;
}
.smalldark {
font-size : 10px;
color : #333333;
}
.createdate, .modifydate {
font-size : 10px;
color : #666666;
}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #cc9900;
}
.pathway {
font-size : 10px;
color : #333333;
padding-left : 8px;
}
a.pathway:link, a.pathway:visited {
font-size : 10px;
padding-left : 0px;
}
a.pathway:hover {
font-size : 10px;
padding-left : 0px;
}
table.content{
width : 100%;
padding : 0px;
border-collapse : collapse;
border-spacing : 0px;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
padding-left : 5px;
padding-right : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
padding-left : 5px;
padding-right : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
.pollstableborder{
border-color : #999999;
}
.contentheading, .componentheading {
background : url(../images/header.gif) repeat;
font-size : 14px;
font-weight : bold;
line-height : 24px;
text-transform : uppercase;
text-align : left;
color : #0066cc;
width : 100%;
}
.title {
font-family : verdana, geneva, arial, helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
text-indent : 8px;
font-size : 20px;
text-align : left;
color : #ffffff;
}
.title a:link, .title a:visited {
font-size : 20px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.title a:hover {
font-size : 20px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.ontab {
border-left : 1px solid #404040;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : hand;
line-height : 40px;
}
.offtab {
border-left : 1px solid #404040;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : hand;
line-height : 40px;
}
.tabpadding {
border-left : 1px solid #404040;
}
.pagetext {
visibility : hidden;
position : relative;
top : -10;
background-color : #ffffff;
display : none;
}
.footer {
font-family : verdana, geneva, arial, helvetica, sans-serif;
color : #ffffff;
font-size : 10px;
color : #ffffff;
font-weight : normal;
}
.footer a:link, .footer a:visited {
font-size : 11px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.footer a:hover {
font-size : 11px;
color : #333333;
text-decoration : none;
font-weight : bold;
}
.contact_email {
width : 100%;
}
.contact_email .inputbox {
width : 345px;
}
template code
code: select all
<?php defined( "_valid_mos" ) or die( "direct access location not allowed." );$iso = split( '=', _iso );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>
<?php mosshowhead(); ?>
<meta http-equiv="content-type" content="text/html;><?php echo _iso; ?>" />
<?php if ( $my->id ) { initeditor(); } ?>
<?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]/templates/247portal-b-blue/favicon.ico\" />" ; ?>
<link rel="alternate" title="<?php echo $mosconfig_sitename; ?>" href="<?php echo $globals['mosconfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />
<script language="javascript" type="text/javascript">
<!--
function mm_reloadpage(init) { //reloads window if nav4 resized
if (init==true) (navigator) {if ((appname=="netscape")&&(parseint(appversion)==4)) {
document.mm_pgw=innerwidth; document.mm_pgh=innerheight; onresize=mm_reloadpage; }}
else if (innerwidth!=document.mm_pgw || innerheight!=document.mm_pgh) location.reload();
}
mm_reloadpage(true);
//-->
</script>
<style type="text/css">
<!--
.stil1 { font-size: xx-small;
color: #ffffff;
}
-->
</style>
</head>
<body>
<div><a name="up" id="up"></a>
<table width="100%" height="20" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="mt"><a href="http://www.mamboteam.com" class="stil1" >www.mamboteam.com</a></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<center><img border="0" src="/templates/247portal-b-blue/images/2logo.jpg" align="center" width="765" height="228"></center>
</td></tr>
<tr>
<td><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/space.gif" width="770" height="1" /></td>
</tr>
<tr>
<td><div class="background">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/center.jpg">
<tr>
<td width="26"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/left.jpg" width="26" /></td>
<td class="title"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" colspan="2" class="title" style="padding-top:14px;"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" style="padding-left:10px;"><a href="<?php echo $mosconfig_live_site;?>" title="<?php echo $mosconfig_sitename; ?>"><?php echo $mosconfig_sitename; ?></a></td>
<td><?php mosloadcomponent( "banners" ); ?></td>
</tr>
</table></td>
</tr>
<tr>
<td width="400" height="29"><div id="search">
<?php mosloadmodules ( 'user4', -1 ); ?>
</div></td>
<td width="100%" height="29" valign="bottom" class="mainlevel-nav"><?php mosloadmodules ( 'user3' ); ?></td>
</tr>
</table></td>
<td width="26"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/right.jpg" width="26" /></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="11" height="25" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/shadowl.jpg"><div>
</div></td>
<td height="25" bgcolor="#f1f1f1" style="border-bottom: 1px solid #999999; border-top: 5px solid #ffffff;"><?php mospathway(); ?></td>
<td height="25" align="right" bgcolor="#f1f1f1" style="border-bottom: 1px solid #999999; border-top: 5px solid #ffffff;"><div class="date"><?php echo moscurrentdate(); ?></div></td>
<td width="11" height="25" align="right" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/shadowr.jpg"> </td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding-left:8px; background-repeat: repeat-y;" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/shadowl.jpg"> </td>
<td valign="top" style="background-repeat: repeat-y;"background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/lb.gif"><?php if (moscountmodules('left')) { ?>
<div class="leftrow">
<?php mosloadmodules ( 'left' ); ?>
</div>
<?php } ?></td>
<td valign="top" bgcolor="#fafafa" width="100%"><div class"main">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top" bgcolor="#f1f1f1">
<?php if (moscountmodules('top')) { ?><td colspan="3" style="border-top: 3px solid #ffffff;">
<div>
<?php mosloadmodules ( 'top' ); ?>
</div>
</td><?php } ?>
</tr>
<tr>
<?php if (moscountmodules('user1')) { ?><td valign="top" bgcolor="#f1f1f1" style="border-top: 3px solid #ffffff;"><div>
<?php mosloadmodules ( 'user1' ); ?>
</div></td>
<td width="4" class="mod" valign="top" bgcolor="#ffffff" style="border-top: 3px solid #ffffff;"><div class="mod"> <?php } ?><?php if (moscountmodules('user2')) { ?> </div></td>
<td valign="top" bgcolor="#f1f1f1" style="border-top: 3px solid #ffffff;"><div>
<?php mosloadmodules ( 'user2' ); ?>
</div></td><?php } ?>
</tr>
<tr align="left" valign="top">
<td colspan="3" style=" border-top: 4px solid #ffffff; padding: 5px;"><div class="main">
<?php mosmainbody(); ?>
</div></td>
</tr>
<tr bgcolor="#f1f1f1">
<td colspan="3" valign="top" style="border-top: 3px solid #ffffff;"><?php if (moscountmodules('bottom')) { ?>
<div>
<?php mosloadmodules ( 'bottom' ); ?>
</div>
<?php } ?></td>
</tr>
</table>
</td>
<td valign="top" style="background-repeat: repeat-y; "background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/rb.gif"><?php if (moscountmodules('right')) { ?>
<div class="rightrow">
<?php mosloadmodules ( 'right' ); ?>
</div>
<?php } ?></td>
<td valign="top" style="padding-right: 8px; background-repeat: repeat-y;" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/shadowr.jpg"> </td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/center2.jpg">
<tr>
<td width="26"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/left2.jpg" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" align="left"><a href="<?php echo sefreltoabs($_server['request_uri'])."#up"; ?>"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/ltop.jpg" alt="top!" border="0" /></a> </td>
<td align="center"><div class="footer"><?php include_once('includes/footer.php'); ?>
</div>
</td>
<td width="30" align="right"><a href="<?php echo sefreltoabs($_server['request_uri'])."#up"; ?>"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/rtop.jpg" alt="top!" border="0" /></a></td>
</tr>
</table></td>
<td width="26"><img src="<?php echo $mosconfig_live_site;?>/templates/247portal-b-blue/images/right2.jpg" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td>
<center><img border="0" src="/templates/247portal-b-blue/images/bottom2.jpg" align="center" width="765" height="149"></center>
</td></tr>
</table>
</div>
</body>
</html>
Comments
Post a Comment