RocketTheme - TOPIC: Some modules not showing up in IE6

Welcome Guest! Login

0 items Join Now

William E Dooley
Elite Rocketeer
Posts: 740
Thanks: 1
Web Developer

Some modules not showing up in IE6

Posted 18 years 5 days ago

It's odd, and I think it must having something to do with positioning being slightly different in IE and Firefox. Basically, the site is cleanmywater[dot]us and if you look up at the top bar in Firefox you will see the login module, a my account module, and to the far right a cart module. If you look at it in IE7 you can see the cart image of the cart module, but not the text saying whether your cart is empty or if there are items in it. In IE6 can still see the login module, but the cart module and the my account module are completely missing from the top bar. I believe that the way that IE is reading the positioning is just placng them below the topbar area or something, but I don't know enough about this sort of thing to figure it out:( I used a module suffix on the cart module so that I could position it and then assigned a div class so I could position the text and the image because the text was being placed at the bottom of the cart, inline with the wheels by default, and I needed it to be inline with the center of the cart.

This is the code in the cart module:

?><table width="100%">
&nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><?php $sc_quantity = $params->get( 'sc_quantity' );
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $sc_name = $params->get( 'sc_name' );
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $sc_attrib = $params->get( 'sc_attrib' );
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $sc_price = $params->get( 'sc_price' );
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $sc_show_empty = $params->get( 'sc_show_empty');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $sc_enable_empty = $params->get( 'sc_enable_empty');
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; include (PAGEPATH.'shop.basket_short.php') ?></td>
&nbsp; &nbsp; &nbsp; &nbsp; </tr>
<div class="cartmsg2">
&nbsp; &nbsp; &nbsp; &nbsp; <?php
&nbsp; &nbsp; &nbsp; &nbsp; if ($cart["idx"] != 0) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $html = '<tr><td><div align="center">';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $html .= '<a class="showbutton" href="'.$sess->url($mm_action_url."index.php?page=shop.cart").'"> ';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo "<a href='index.php?option=com_virtuemart&page=shop.cart' ><img src=\"".$mm_action_url.'components/com_virtuemart/shop_image/ps_image/Cart_1_Green-Full.png'."\" alt=\"Shopping Cart\" width=\"32\" border=\"0\" valign=\"center\" align=\"center\" /></a>";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $html .= '</td></div></tr>';
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo $html; } 
&nbsp; &nbsp; &nbsp; &nbsp; else {
&nbsp; &nbsp; &nbsp; &nbsp; if ($params->get( 'sc_show_logo')) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo "<div align=\"right\">";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo "<a href='index.php?option=com_virtuemart&page=shop.cart' ><img src=\"".$mm_action_url.'components/com_virtuemart/shop_image/ps_image/Cart_1_Green.png'."\" alt=\"Shopping Cart\" width=\"32\" border=\"0\" valign=\"center\" align=\"center\" /></a>";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo "</div>";
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; ?>
</div>&nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; </table>

You can see the div class I assigned there being <div class="cartmsg2"> and here is the css in the template_css.css file:

img {
&nbsp;  behavior: url("pngbehavior.htc");
}
 
</style>
 
/* @group Main */
 
html {
&nbsp; height: 100%;
&nbsp; margin-bottom: 1px;
}
 
body {
     margin: 0;
     padding: 0;
}
 
p {
&nbsp; margin-top: 0px;
&nbsp; margin-bottom: 15px;
}
 
h1, h2, h3, h4, h4, h5, h6 {
     padding-bottom: 5px;
     margin: 15px 0;
}
 
fieldset {
     border: 0;
     padding: 5px 0;
}
 
/* @group Fonts */
 
/* @group Sizes */
 
 
body.f-smaller {
     font-size: 11px;
}
 
body.f-default {
     font-size: 13px;
}
 
body.f-larger {
     font-size: 15px;
}
 
h1 {
     font-size: 180%;
     /* color: see style css */
}
 
h2 {
     font-size: 160%;
     font-family: Arial-Narrow, Helvetica, sans-serif;
     /* color: see style css */
}
 
h3 { 
&nbsp;  font-size: 140%;
}
 
h4 {
     font-size:&nbsp; 120%;
}
 
h5 {
     text-transform: uppercase;
     font-size: 100%;
}
 
h6 {
     font-style: italic;
     font-size: 100%;
}
 
.small,
.modifydate,
.createdate,
div.mosimage_caption {
     font-size: 100%;
}
 
#nav a {
     font-size: 110%;
}
 
.contentheading {
     font-size: 200%;
}
 
.componentheading {
     margin-bottom: 15px;
}
 
td.componentheading {
     padding-bottom: 15px;
}
 
/* @end */
 
/* @group Family */
 
body {
          line-height: 155%;
          font-family: Helvetica, Arial, sans-serif;
}
 
h3 {
     font-family: Helvetica, Arial, sans-serif;
}
 
.contentheading,
.componentheading {
     font-weight: bold;
}
 
.contentheading {
     /* see style css */
}
 
 
a:link,
a:visited {
     text-decoration: underline;
     /* color: see style css */
}
 
a:hover {
     text-decoration: underline;
     /* color: see style css */
}
 
.moduletable {
          line-height: 160%;
          font-family: Arial, Helvetica, sans-serif;
          color: #fff;
}
 
.moduletable a:link,
.moduletable a:visited {
&nbsp;  color: white;
}
/* @end */
 
div.bodybox .componentheading,
div.moduletable-hilite1 h3,
div.moduletable-hilite2 h3,
div.moduletable-hilite3 h3,
div.moduletable-hilite4 h3,
div.moduletable h3,
span.loginsubmit,
span.logoutsubmit,
span.glossbutton,
span.searchtitle,
ul.tabbernav,
.jw_st_cont {
     text-transform: uppercase;
     font-size: 12px;
     font-weight: bold;
     /* color: see style css */
}
 
/* @end */
 
/* @end */
 
/* @group Custom */
 
/* @group accessibility */
 
/* @group layout */
 
#page-bg {
     height: 100%; 
     padding: 0;
     margin-bottom: 1px;
     background-attachment: fixed;
&nbsp; /* background: see style css */
}
 
 
/*****************************************************
 * CHANGE WIDTH SETTINGS HERE
 *
 * To change the width of this template just edit this 
 * div#wrapper element.
 *
 * Fixed - just chagne the width to your desired width
 * Fluid - remove the width element completely
 *
 *****************************************************/
div#wrapper {
     width: 985px;
     margin: 0 auto;
     position: relative;
}
 
.shad-padding {
     padding: 0 15px;
}
 
#top-mod .shad-l {
     height: 37px;
     overflow: hidden;
}
 
#header .shad-l {
     height: 135px;
     position: relative;
}
 
 
#header #logo {
     position: absolute;
     left:&nbsp; 15px;
     top:&nbsp; 10px;
     width: 291px;
     height: 80px;
}
 
#header #search {
     position: absolute;
     left: 15px;
     top: 92px;
     width: 230px;
     height: 32px;
}
 
#header #nav-big {
     padding-top:7px;
     margin-left: 330px;
     margin-right: 1px;
     height: 83px;
     overflow: hidden;
}
 
#header #nav-main {
     margin-right: 5px;
     margin-left:&nbsp; 255px;
}
 
#header #nav-main .shad-l {
     height: 37px;
}
 
#mainbody .shad-5 {
     width: 100%;
}
 
#mainbody .padding {
     padding: 7px 12px 0px 5px;
}
 
#body-bottom .shad-r {
     width: 100%;
}
 
#body-bottom .shad-l {
     height: 9px;
     overflow: hidden;
}
 
#footer-mods .shad-5 {
     width: 100%;
}
 
#usermod {
     margin: 0 5px;
}
 
#usermod .padding {
     padding: 7px 7px 7px 0px;
}
 
#footer {
     margin: 0 5px;
}
 
#footer-bottom .shad-r {
     width: 100%;
}
 
#footer-bottom .shad-l {
     width: 100%;
     height: 34px;
}
 
#newproducts {
border:1px solid #adadad;
height:132px;
margin:6px;
width:260px;
}
#newproducts a {
color:#FFFFFF;
}
#topleft {
background-color:#FFFFFF;
height:106px;
width:105px;
}
#topright {
background:#bfbfbf none repeat scroll 0%;
color:#004182;
height:132px;
width:260px;
overflow:scroll;
padding-right:2px;
padding-top:3px;
text-align:right;
vertical-align:top;
}
#topright a {
color:#774E22;
}
#btmleft {
background:transparent url(http://www.cleanmywater.com/images2/home-page/details_bg.jpg) repeat scroll 0%;
height:20px;
}
#btmright {
background:transparent url(http://www.cleanmywater.com/images2/home-page/cart_browse.jpg) repeat scroll 0%;
height:20px;
}
 
/* @end */
 
/* @group structure */
 
table.mainbody {
     width:&nbsp; 100%;
}
 
table.mainbody td.left,
table.mainbody td.right {
     padding-left: 7px;
}
 
 
/* change this to affect the width of the side modules */
table.mainbody td.left,
table.mainbody td.right {
     width: 145px;
}
 
table.mainbody td.middle {
 
}
 
table.usermodules {
     width: 100%;
     margin-bottom: 7px;
}
 
table.usermodules td.modbg {
     width: 25%;
}
 
 
table.footermodules {
     width: 100%;
}
 
table.footermodules td {
     width: 35%;
     padding: 10px;;
}
 
table.footermodules td.rocket {
     width: 30%;
     padding: 0;
}
 
/* @end */
 
/* @group modules */
 
div.moduletable_cart {
height: 35px;
color: #fff;
margin: 7px 0px 0px 830px;
}
 
.cartmsg2 {
float: right;
height: 35px;
color: #fff;
margin: -5px 0px 0px 0px;
}
 
 
div.moduletable_cart a.mainlevel:link,
div.moduletable_cart a.mainlevel:visited {
&nbsp; &nbsp; background: none;
&nbsp; &nbsp; border-bottom: 0px solid #F5F5F5;
&nbsp; &nbsp; color: #333;
}
 
div#top-mod div.moduletable {
     padding: 0;
     margin: 0;
}

The module suffix being _cart

I gave the cart image a margin of -5px top and it seems to be the only part showing up, so that leads me to believe it's a positioning thing and that the others are 5 px below the area for the top module spot. Of course I could be completely barking up the wrong tree here, but that is my best guess at this moment. If anyone has any idea What is wrong with this situation, or can hazard a different guess, please let me know:)

Thanks,
David Henderson

#53102

- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
Re: Some modules not showing up in IE6

Posted 18 years 4 days ago
- Again, I seem to be the only one to have had this problem? Or is it that most of the people here don't care what their site looks like on IE6 since it is a horrible browser? To quote Andy: "/** IE6 is a hunk of crap!!! don't ask me why this is needed **/" and I completely agree...unfortunately there is a matter that is fact that I can not ignore, and that is the fact that a lot of the visitors and customers of my site are not all that computer literate, and they don't know any better than to use IE..so I must make sure the site looks as good in IE as any other browser, or risk lossing those potential sells:( So I ask again, if any of you have had this issue and have solved it, please let me know what you did, if you have had this problem and have not yet solved it, but have made some progress on the matter, please let me know what you have done and any ideas you have on the subject and maybe together we can solve this thing:) Last, but not least, if you haven't had this problem, have never even thought of anything like it, but however, you have a theory or some advice or a suggestion that I might try, please speak up, I will try anything once:)
  
  Thank you,
  David Henderson
#53458

Time to create page: 0.045 seconds

Some modules not showing up in IE6

Some modules not showing up in IE6

Re: Some modules not showing up in IE6