Page 1 of 2 12 LastLast
Results 1 to 10 of 63

Hybrid View

  1. #1
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Internet Explorer 7.0 Released - HELP!

    Okay, so IE7 was officially released today.

    I had originally thought I had about another month or two before this happened.

    So it took me forever to get IE6 and FF to look the same and now IE7 is looking like IE6 used to. uugghhh!

    Basically this is what is happening the main content is sliding up underneath the header.

    follow this link and check it out ( a browser cam capture for IE 7 beta 3)

    http://www.oldwestgames.com/images/b.../explorer7.jpg

    this is how it used to look in IE6.

    So now I have to fix it for IE7

    and I have no idea where to start and I'm sure that it will screw the IE6 and FF views which make up the majority of my browser views (according to analytics).

    But with the release of IE7 and the emails going out worldwide to upgrade I'm going to start seeing massive views and missing sales.

    I really need some help here.

    here's a clip from my stylesheet for wrappers and navigation

    Code:
    /*wrappers - page or section containers*/
    #mainWrapper { background-color: #fff; background-image: url(/includes/templates/future_zen/images/main_bg_snake.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; width: 806px; vertical-align: top; }
    
    #headerWrapper {
    	width:806px;
    	}
    
    #contentMainWrapper {
    	top: 15px;
    	}
    
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    
    #logoWrapper { background-color: #ffffff; width:800px; height:85px; background-image:none; background-repeat:no-repeat; background-position:left 50%; }
    
    #logoWrapper {
    	position: relative;
    	top: -8px;
    	}
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	}
    	
    	
    #navColumnOneWrapper, #navColumnTwoWrapper {
    	}
    
    #tagline { padding-top:10px; color:#000000; font-size: 2em; background-position: center 0; text-align : left; vertical-align: middle; }
    
    #sendSpendWrapper {
    	border: 1px solid #cacaca;
    	float: right;
    	margin: 0em 0em 1em 1em;
    	}
    
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    	margin: 0;
    	width: 47%;
    	}
    
    .wrapperAttribsOptions {
    	margin: 0.3em 0em;
    	}
    
    /*navigation*/
    
    .navSplitPagesResult {}
    .navSplitPagesLinks {}
    .navNextPrevCounter {
    	margin: 0em;
    	font-size: 0.9em;
    	}
    .navNextPrevList {
    	display: inline;
    	white-space: nowrap;
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	}
    	
    	#mainWrapper {
    	position: relative; top: 25px;
    	}
    
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0;
    	background-color: #ffffff;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 806px;
    	}
    
    #navMain ul, #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	}
    
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	white-space: nowrap;
    	}
    
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0 0.5em;
    	margin: 0;
    	color: #900;
    	}
    
    #navEZPagesTOCWrapper {
    	font-weight: bold;
    	float: right;
    	height: 1%;
    	border: 1px solid #000000;
    	}
    
    #navEZPagesTOC ul {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	line-height: 1.5em;
    	}
    
    #navEZPagesTOC ul li {
    	white-space: nowrap;
    	}
    
    #navEZPagesTOC ul li a {
    	padding: 0em 0.5em;
    	margin: 0;
    	}
    	
    #navMainSearch {
    	width: 780px;
    	}	
    
    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    
    #navBreadCrumb { margin-top:16px; font-size: 0.95em; font-weight: bold; background-image: url(/images/mainpage_bg_tr_sm.jpg); background-position: center top; height: 40px; padding: 0.5em 0 0.5em 1.5em; }
    
    #navEZPagesTop {
    	background-image:none;
    	background-repeat:no-repeat;
    	background-position:right bottom;
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0;
    	padding: 0.5em 0 0.5em 1.5em;
    	}
    	
    #headerWrapper { position:relative; top:25px; background-color: #ffffff; background-image:none; background-repeat:no-repeat; background-position:left bottom; }
    
    #navColumnOne, #navColumnTwo {
    	background-color: #fff;
    	}
    
    #nav        { color: #fff; font-size: 10px; font-weight: bold; line-height: 1px; background-color: #000; list-style-type: none; list-style-position: outside; margin: -1px 0 0; padding: 0; position: relative; z-index: 1000; top: 0; width: 800px; height: 15px; border-top: 1px solid #000000; border-bottom: 1px solid #000000   }
    
    #nav ul   { color: #fff; font-size: 10px; line-height: 1px; background-color: #000; text-align: center; list-style: none; margin: 0; padding: 0; position: relative; z-index: 1000    }
    
    #nav a  { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 140%; background-color: #000; text-decoration: none; text-align: center; display: block; z-index: 1000; width: auto; height: auto  }
    
    #nav a:link, #nav a:visited, #nav a:active       { color: #fff; background-color: #000; z-index: 1000 }
    
    #nav a:hover, #nav a:focus     { color: #000; background-color: #9A7664; z-index: 1000 }
    
    #nav li    { text-align: left; z-index: 1000; width: 160px; float: left }
    
    #nav li ul          { background-color: #fff; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul.leftside          { background-color: #fff; margin-left: -1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul.rightside           { background-color: #fff; margin-left: 1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul li   { background-color: #fff; z-index: 1000; width: 159px; border-bottom: 1px solid #000000  }
    
    #nav li ul li a:hover   { z-index: 1000; border-style: none }
    
    #nav li:hover ul, #nav li.sfhover ul     { z-index: 1000; left: auto }
    
    #nav li ul ul      { margin: -16px 0 0 158px; position: absolute; z-index: 1000 }
    
    #nav li ul ul.two_lines      { margin: -31px 0 0 158px; position: absolute; z-index: 1000 }
    
    #nav li ul ul.left_popout     { margin: -31px 0 0 -158px; position: absolute; z-index: 1000 }
    
    #nav li:hover ul ul, #nav li.sfhover ul ul  { z-index: 1000; left: -999em }
    
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul   { z-index: 1000; left: auto }
    
    /* extra positioning rules for limited noscript keyboard accessibility */
    
    #nav li a:focus + ul   { margin-left: 0; z-index: 1000  }
    
    #nav li li a:focus + ul  { margin-left: 200px; z-index: 1000 }
    
    #nav li li a:focus     { color: #9A7664; background: #000; margin-left: 1000em; z-index: 1000 }
    
    #nav li li li a:focus     { color: #9A7664; background: #000; margin-left: 200px; z-index: 1000 }
    
    #nav li:hover a:focus, #nav li.sfhover a.sffocus     { color: #9A7664; background-color: #000; margin-left: 0; z-index: 1000 }
    
    #nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul     { color: #9A7664; background-color: #000; margin-left: 10em; z-index: 1000 }
    
    #content {
    	clear: left;
    	color: #9a7664;
    }
    
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    	vertical-align: top;
    	}
    
    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    	/*font-size: 1.2em;*/
    	background-image: url(/images/mainpage_bg_tr_sm.jpg); background-repeat: repeat-x; background-position: center top; padding: 0.5em; }
    
    .alert {
    	color: #FF0000;
    	margin-left: 0.5em;
    	}
    .advisory {}
    .important {
    	font-weight: bold;
    	}
    .notice {}
    .rating{}
    .gvBal {
    	float: right;
    	}
    
    .centerColumn{
    width: 486px
    }
    .centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
    	padding: 0.8em;
    	}
    
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { color: #900; font-size: 12px; text-decoration: none; }
    Thanks in advance.

    i'll try and give something cool or a donation to anyone who can figure this out.

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Explorer 7.0 Released - HELP!

    From the source "old west games"

    <div id="logoWrapper">



    <script type="text/javascript"><!--//--><![CDATA[//><!--

    sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
    }
    }
    if (document.all) { //MS IE
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    else { //IE 5.2 Mac does not support attachEvent
    var old = window.onload;
    window.onload = function() { if (old) old(); sfHover(); }
    }
    }


    //--><!]]></script>
    <div> /* close this </div>

  3. #3
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default Re: Explorer 7.0 Released - HELP!

    Quote Originally Posted by clydejones View Post
    From the source "old west games"

    <div id="logoWrapper">



    <script type="text/javascript"><!--//--><![CDATA[//><!--

    sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
    }
    }
    if (document.all) { //MS IE
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    else { //IE 5.2 Mac does not support attachEvent
    var old = window.onload;
    window.onload = function() { if (old) old(); sfHover(); }
    }
    }


    //--><!]]></script>
    <div> /* close this </div>
    thanks, but

    now, even though they look the same but now they look like this...

    http://www.oldwestgames.com/images/ff_ie_afterfix.jpg

    obviously I had to revert back to my other tpl_header file but I need to find out what's causing the new problem...

    more help?

    HERE'S THE WHOLE CSS FILE

    Code:
    /* Edited with EditCSS */
    /**** LINK-tag style sheet stylesheet.css ****/
    
    /**
     * Main CSS Stylesheet
     *
     * @package templateSystem
     * @copyright Copyright 2003-2005 Zen Cart Development Team
     * @copyright Portions Copyright 2003 osCommerce
     * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
     * @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $
     */
    
    body { margin: 0; font-size: small; color: #000; font-family: Garamond, "times new roman", "Palatino Linotype"; background-color: #fff; }
    
    a img { border-style: none; border-width: medium; }
    
    a:link, #navEZPagesTOC ul li a { color: #900; font-size: 10pt; font-family: Garamond, "times new roman", "Palatino Linotype"; text-decoration: none; }
     
    a:visited { color: #900; font-size: 10pt; font-family: Garamond, "times new roman", "Palatino Linotype"; }
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { color: #900; font-size: 10pt; font-family: Garamond, "times new roman", "Palatino Linotype"; }
    
    a:active { color: #900; font-size: 10pt; font-family: Garamond, "times new roman", "Palatino Linotype"; }
    
    h1 {
    	font-size: 1.5em;
    	}
    
    h2 {
    	font-size: 12px;
    	}
    
    h3 {
    	font-size: 1.3em;
    	}
    
    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    	font-size: 1.1em;
    	}
    
    .choose{
    	 color: #900; font-size: 12pt; font-family: Garamond, "times new roman", "Palatino Linotype"; text-decoration: none; 
    	}
    
    .biggerText {
    	font-size: 1.2em;
    	}
    
    h1, h2, h3, h4, h5, h6 {
    	margin: 0.3em;
    	}
    
    CODE {
    	font-family: arial, verdana, helvetica, sans-serif;
    	font-size: 1em;
    	}
    
    FORM, SELECT, INPUT {
    	display: inline;
    	font-size: 1em;
    	margin: 0.1em;
    	}
    
    TEXTAREA {
    	float: left;
    	margin: auto;
    	display: block;
    	width: 95%;
    	}
    
    input:focus, select:focus, textarea:focus {
    	background: #fff;
    	}
    
    FIELDSET {
    	padding: 0.5em;
    	margin: 0.5em 0em;
    	border: 1px solid #cccccc;
    	}
    
    LEGEND {
    	font-weight: bold;
    	padding: 0.3em;
    	}
    
    LABEL, h4.optionName {
    	line-height: 1.5em;
    	padding: 0.2em;
    	}
    
    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    	margin: 0.5em 0.3em;
    	}
    
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    	float: left;
    	}
    	
    #logo {
    	display:none;
    	margin: 40px 0 0 350px;
    }
    
    LABEL.inputLabel {
    	width: 11em;
    	float: left;
    	}
    
    LABEL.inputLabelPayment {
    	width: 15em;
    	float: left;
    	}
    
    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
    	width: 12em;
    	float: left;
    	}
    
    P, ADDRESS {
    	padding: 0.5em;
    	}
    
    ADDRESS {
    	font-style: normal;
    	}
    
    .clearBoth {
    	clear: both;
    	}
    
    HR {
    	height: 1px;
    	margin-top: 0.5em;
    	border: none;
    	border-bottom: 1px solid #9a9a9a;
    	}
    
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    	line-height: 1.8em;
    	padding: 0.2em;
    	border: 1px solid #000000;
    	}
    
    .messageStackWarning, .messageStackError {
    	background-color: #ff0000;
    	color: #ffffff;
    	}
    
    .messageStackSuccess {
    	background-color: #99FF99;
    	color: #000000;
    	}
    
    .messageStackCaution {
    	background-color: #FFFF66;
    	color: #000000;
    	}
    
    /*wrappers - page or section containers*/
    #mainWrapper { background-color: #fff; background-image: url(/includes/templates/future_zen/images/main_bg_snake.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; width: 806px; vertical-align: top; }
    
    #headerWrapper {
    	width:806px;
    	}
    
    #contentMainWrapper {
    	top: 15px;
    	}
    
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    
    #logoWrapper { background-color: #ffffff; width:800px; height:85px; background-image:none; background-repeat:no-repeat; background-position:left 50%; }
    
    #logoWrapper {
    	position: relative;
    	top: -8px;
    	}
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	}
    	
    	
    #navColumnOneWrapper, #navColumnTwoWrapper {
    	}
    
    #tagline { padding-top:10px; color:#000000; font-size: 2em; background-position: center 0; text-align : left; vertical-align: middle; }
    
    #sendSpendWrapper {
    	border: 1px solid #cacaca;
    	float: right;
    	margin: 0em 0em 1em 1em;
    	}
    
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    	margin: 0;
    	width: 47%;
    	}
    
    .wrapperAttribsOptions {
    	margin: 0.3em 0em;
    	}
    
    /*navigation*/
    
    .navSplitPagesResult {}
    .navSplitPagesLinks {}
    .navNextPrevCounter {
    	margin: 0em;
    	font-size: 0.9em;
    	}
    .navNextPrevList {
    	display: inline;
    	white-space: nowrap;
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	}
    	
    	#mainWrapper {
    	position: relative; top: 25px;
    	}
    
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0;
    	background-color: #ffffff;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 806px;
    	}
    
    #navMain ul, #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	}
    
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	white-space: nowrap;
    	}
    
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0 0.5em;
    	margin: 0;
    	color: #900;
    	}
    
    #navEZPagesTOCWrapper {
    	font-weight: bold;
    	float: right;
    	height: 1%;
    	border: 1px solid #000000;
    	}
    
    #navEZPagesTOC ul {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	line-height: 1.5em;
    	}
    
    #navEZPagesTOC ul li {
    	white-space: nowrap;
    	}
    
    #navEZPagesTOC ul li a {
    	padding: 0em 0.5em;
    	margin: 0;
    	}
    	
    #navMainSearch {
    	width: 780px;
    	}	
    
    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    
    #navBreadCrumb { margin-top:16px; font-size: 0.95em; font-weight: bold; background-image: url(/images/mainpage_bg_tr_sm.jpg); background-position: center top; height: 40px; padding: 0.5em 0 0.5em 1.5em; }
    
    #navEZPagesTop {
    	background-image:none;
    	background-repeat:no-repeat;
    	background-position:right bottom;
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0;
    	padding: 0.5em 0 0.5em 1.5em;
    	}
    	
    #headerWrapper { position:relative; top:25px; background-color: #ffffff; background-image:none; background-repeat:no-repeat; background-position:left bottom; }
    
    #navColumnOne, #navColumnTwo {
    	background-color: #fff;
    	}
    
    #nav        { color: #fff; font-size: 10px; font-weight: bold; line-height: 1px; background-color: #000; list-style-type: none; list-style-position: outside; margin: -1px 0 0; padding: 0; position: relative; z-index: 1000; top: 0; width: 800px; height: 15px; border-top: 1px solid #000000; border-bottom: 1px solid #000000   }
    
    #nav ul   { color: #fff; font-size: 10px; line-height: 1px; background-color: #000; text-align: center; list-style: none; margin: 0; padding: 0; position: relative; z-index: 1000    }
    
    #nav a  { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 140%; background-color: #000; text-decoration: none; text-align: center; display: block; z-index: 1000; width: auto; height: auto  }
    
    #nav a:link, #nav a:visited, #nav a:active       { color: #fff; background-color: #000; z-index: 1000 }
    
    #nav a:hover, #nav a:focus     { color: #000; background-color: #9A7664; z-index: 1000 }
    
    #nav li    { text-align: left; z-index: 1000; width: 160px; float: left }
    
    #nav li ul          { background-color: #fff; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul.leftside          { background-color: #fff; margin-left: -1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul.rightside           { background-color: #fff; margin-left: 1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }
    
    #nav li ul li   { background-color: #fff; z-index: 1000; width: 159px; border-bottom: 1px solid #000000  }
    
    #nav li ul li a:hover   { z-index: 1000; border-style: none }
    
    #nav li:hover ul, #nav li.sfhover ul     { z-index: 1000; left: auto }
    
    #nav li ul ul      { margin: -16px 0 0 158px; position: absolute; z-index: 1000 }
    
    #nav li ul ul.two_lines      { margin: -31px 0 0 158px; position: absolute; z-index: 1000 }
    
    #nav li ul ul.left_popout     { margin: -31px 0 0 -158px; position: absolute; z-index: 1000 }
    
    #nav li:hover ul ul, #nav li.sfhover ul ul  { z-index: 1000; left: -999em }
    
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul   { z-index: 1000; left: auto }
    
    /* extra positioning rules for limited noscript keyboard accessibility */
    
    #nav li a:focus + ul   { margin-left: 0; z-index: 1000  }
    
    #nav li li a:focus + ul  { margin-left: 200px; z-index: 1000 }
    
    #nav li li a:focus     { color: #9A7664; background: #000; margin-left: 1000em; z-index: 1000 }
    
    #nav li li li a:focus     { color: #9A7664; background: #000; margin-left: 200px; z-index: 1000 }
    
    #nav li:hover a:focus, #nav li.sfhover a.sffocus     { color: #9A7664; background-color: #000; margin-left: 0; z-index: 1000 }
    
    #nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul     { color: #9A7664; background-color: #000; margin-left: 10em; z-index: 1000 }
    
    #content {
    	clear: left;
    	color: #9a7664;
    }
    
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    	vertical-align: top;
    	}
    
    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    	/*font-size: 1.2em;*/
    	background-image: url(/images/mainpage_bg_tr_sm.jpg); background-repeat: repeat-x; background-position: center top; padding: 0.5em; }
    
    .alert {
    	color: #FF0000;
    	margin-left: 0.5em;
    	}
    .advisory {}
    .important {
    	font-weight: bold;
    	}
    .notice {}
    .rating{}
    .gvBal {
    	float: right;
    	}
    
    .centerColumn{
    width: 486px
    }
    .centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
    	padding: 0.8em;
    	}
    
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { color: #900; font-size: 12px; text-decoration: none; }
    
    /*Shopping Cart Display*/
    #cartAdd {
    	float: right;
    	text-align: center;
    	margin: 1em;
    	border: 1px solid #000000;
    	padding: 1em;
    	}
    
    .tableHeading TH {
    	border-bottom: 1px solid #cccccc;
    	}
    
    .tableHeading, #cartSubTotal {
    	background-color: #e9e9e9;
    	 }
    
    #cartSubTotal {
    	border-top: 1px solid #cccccc;
    	font-weight: bold;
    	text-align: right;
    	line-height: 2.2em;
    	padding-right: 2.5em;
    	}
    
    .tableRow, .tableHeading, #cartSubTotal {
    	height: 2.2em;
    	}
    
    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
    	padding: 0.5em 0em;
    	}
    
    .cartUnitDisplay, .cartTotalDisplay {
    	text-align: right;
    	padding-right: 0.2em;
    	}
    
    #scUpdateQuantity {
    	width: 2em;
    	}
    
    .cartQuantity {
    	width: 4.7em;
    	}
    
    .cartNewItem {
    	color: #33CC33;
    	position: relative;  /*do not remove-fixes stupid IEbug*/
    	}
    
    .cartOldItem {
    	color: #660099;
    	position: relative;   /*do not remove-fixes stupid IEbug*/
    	}
    
    .cartBoxTotal {
    	text-align: right;
    	font-weight: bold;
    	}
    
    .cartRemoveItemDisplay {
    	width: 3.5em;
    	}
    
    #cartAttribsList {
    	margin-left: 1em;
    	}
    
    #mediaManager {
    width: 50%; 
    margin: 0.2em;
    padding: 0.5em;
    }
    .normalprice, .productSpecialPriceSale {
    	text-decoration: line-through;
    	}
    
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    	color: #ff0000;
    	}
    
    #cartBoxListWrapper ul, #ezPageBoxList ul {
    	list-style-type: none;
    	}
    
    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    	margin: 0;
    	padding: 0.2em 0em;
    	} 
    
    .totalBox {
    	width: 5.5em;
    	text-align: right;
    	padding: 0.2em;
    	}
    
    .lineTitle, .amount {
    	text-align: right;
    	padding: 0.2em;
    	}
    
    .amount {
    	width: 5.5em;
    	}
    
    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    	margin: 0em 1em 1em 0em ;
    	}
    #productAdditionalImages { display: none; }
    .categoryIcon {}
    #cartImage {
    	margin: 0.5em 1em;
    	}
    
    /*Attributes*/
    .attribImg {
    	width: 20%;
    	margin: 0.3em 0em;
    }
    
    .attributesComments {}
    
    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    	margin: 1em 0em;
    	}
    
    /*sideboxes*/
    .columnLeft {}
    
    h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label { font-size: 12px; color: #fff; background-color: #9a7664; }
    	
    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{ color: #fff; font-size: 12px; background-color: #9a7664; text-decoration: none; } 
    
    .leftBoxHeading, .rightBoxHeading { font-size: 12px; margin: 0; background-image:none; background-repeat:no-repeat; padding: 0.5em 0.2em; border: solid 2px #000000;}
    
    .centerBoxWrapper { background-color: #fff; margin: 0; background-image:none; background-repeat:no-repeat; background-position:left top; border: solid 2px #9a7664; height: 1%  }
    
    .centerBoxHeading { color: #fff; font-size: 12px; background-color: #000000; margin: 0; height:25px; background-image:none; background-repeat:no-repeat; background-position:right top; padding: 0.5em 0.2em; border-bottom: 2px solid #9a7664; }
    
    .leftBoxContainer, .rightBoxContainer {
    	margin-top: 1.5em;
    	}
    
    .sideBoxContent {
    	background-image:none;
    	background-repeat:no-repeat;
    	background-position:50% bottom;
    	padding: 0.4em;
    	border: solid 2px #000000;
    	border-top: solid 0px;
    	}
    
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    	text-align: center;
    	}
    	
    #siteinfoLegal { color: #9A7664; font-weight: bold; background-color: #ffffff; width:806px; }
    
    #bestsellers .wrapper {
    	margin: 0em 0em 0em 1.5em;
    	}
    
    #bestsellers ol {
    	padding: 0;
    	margin-left: 1.1em;
    	}
    
    #bestsellers li {
    	padding: 0;
    	margin: 0.3em 0em 0.3em 0em;
    	}
    
    #bannerboxHeading {
    	background-color: #9a7664; border: solid 2px #000000;
    }
    
    #upProductsHeading {
    	text-align: left;
    	}
    
    #upDateHeading {
    	text-align: right;
    	}
    
    /*misc*/
    .back {
    	float: left;
    	}
    
    .forward {
    	float: right;
    	}
    
    .bold {
    	font-weight: bold;
    	}
    
    .rowOdd {
    	background-color: #E8E8E8;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .rowEven {
    	background-color: #F0F0F0;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    CAPTION {
    	/*display: none;*/
    	}
    
    #myAccountGen li, #myAccountNotify li {
    	margin: 0;
    	} 
    
    .accountTotalDisplay, .accountTaxDisplay {
    	width: 20%;
    	text-align: right;
    	/*vertical-align: top*/
    	}
    
    .accountQuantityDisplay {
    	width: 10%;
    	vertical-align: top
    	}
    
    TR.tableHeading {
    	background-color: #cacaca;
    	height: 2em;
    	}
    
    #siteMapList {
    	width: 90%;
    	float: right;
    	}
    
    .ratingRow {
    	margin: 1em 0em 1.5em 0em;
    	}
    
    LABEL#textAreaReviews {
    	font-weight: normal;
    	margin: 1em 0em;
    	}
    
    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
    	background-color: #ffffff;
    	}
    
    /* Products Listing Adding */
    .productListing-odd {
    background-color: #fff;
    height: 132px; /* the 100px should be greater than the (Image - Product Listing Height 80px) default in Admin */
    padding: 0.2em 0;
    }
    
    .productListing-even {
    background-color: #ebebeb;
    height: 132px; /* the 100px should be greater than the (Image - Product Listing Height 80px) default in Admin */
    padding: 0.2em 0;
    }
    
    .productListing-data {
    padding: 0.5em 0.2em 0.5em 0.2em;
    border: 1px dotted #E6E6E6;
    }
    
    .itemTitle, .listingDescription, {
    padding: 0 1.5em 0 0.6em;
    text-align: left;
    }
    Last edited by mafiasam; 20 Oct 2006 at 06:39 AM.

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Explorer 7.0 Released - HELP!

    Try adjusting the top margin of your logo declaration:

    #logo {
    display:none;
    margin: 40px 0 0 350px;
    }

    You might also want to make the following adjustments by deleting the parts in red and adding the part in green:

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

    #logo {
    text-align: center;
    display:none;
    margin: 40px 0 0 350px;
    }

  5. #5
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default Re: Explorer 7.0 Released - HELP!

    Quote Originally Posted by clydejones View Post
    Try adjusting the top margin of your logo declaration:

    #logo {
    display:none;
    margin: 40px 0 0 350px;
    }

    You might also want to make the following adjustments by deleting the parts in red and adding the part in green:

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

    #logo {
    text-align: center;
    display:none;
    margin: 40px 0 0 350px;
    }

    This is crazy. okay I close the div like you suggested before. then i try the above solutions and nothing happens however if I add a float: right property to the css for the #contentMainWrapper it does move everything that is off center to the right.

    http://www.oldwestgames.com/images/ff_ie_afterfix2.jpg

    So that has to be a clue however I am an amateur at this whole div positioning thing so do you have another plan of attack?

    and thanks for walking me along here...

  6. #6
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Explorer 7.0 Released - HELP!

    Another clue might be in the number of validation errors that this site generates. http://validator.w3.org/check?verbos...westgames.com/ The validator seems rather confused about some of your HTML tags. I image the browsers are too.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  7. #7
    Join Date
    Sep 2007
    Posts
    23
    Plugin Contributions
    0

    Default IE stylesheet question

    Hi there. I have used the IE stylesheet override, and it works wonderfully for most of my site. However in some cases I have separate stylesheets for certain product pages (named p_180.css, p_211.css, etc). How can I create an IE only stylesheet for these particular pages?

    Any help at all would be greatly appreciated!

  8. #8
    Join Date
    Jul 2007
    Posts
    2,169
    Plugin Contributions
    16

    Default Re: Internet Explorer 7.0 Released - HELP!

    Hi I have a Question, I am having a big problem. I just notice in Intenet Explorer, IE7 reported an error and would not load any of the product pages. This error only appears when a product page is loaded after clicking on a product name or image from the product listing page. The error message reads as follows and appears in a warning message dialog box. After clicking on the ok button the usual 'This page cannot be displayed message' is shown.

    Intenet Explorer cannot open the Internet site
    www.thegoodshepherdstore.com/...oducts_id=1018

    Operation aborted


    Do you have any clue of what this could be. Thank you very much.

    Just started to do this for some strange reason. Works fine in firefox
    Is your site Upgraded to the current version 1.5.4 Yet?
    zencart-upgrades-website-installation

  9. #9
    Join Date
    Jul 2007
    Posts
    2,169
    Plugin Contributions
    16

    Default Re: Internet Explorer 7.0 Released - HELP!

    This may sound like a stupid question, but where do I go or what files do I fix to correct these 34 Errors.

    http://validator.w3.org/check?verbos...rdstore.com%2F


    Thank you very much
    Is your site Upgraded to the current version 1.5.4 Yet?
    zencart-upgrades-website-installation

  10. #10
    Join Date
    Oct 2006
    Location
    Alberta, Canada
    Posts
    4,571
    Plugin Contributions
    1

    Default Re: Internet Explorer 7.0 Released - HELP!

    countrycharm, you need some serious recoding done to your Template.

    You may find that as the errors are corrected, previous errors/problems will magically disappear. That's the beauty of using Valid code.

    If not sure how to correct the errors you will need to hire someone or go back to whomever you got the Template from. Doesn't look like a TemplateMonster template but sure is acting like one.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Website Help!! Problems with Internet Explorer
    By fashion12 in forum General Questions
    Replies: 7
    Last Post: 25 Sep 2010, 12:53 AM
  2. Help with Internet Explorer
    By tlwolter in forum General Questions
    Replies: 5
    Last Post: 31 Aug 2010, 04:16 PM
  3. Internet Explorer 8 problem...help please
    By maria_b in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 10 Sep 2009, 04:19 PM
  4. Internet explorer!!! help!!!!
    By thebooktrunk.com in forum General Questions
    Replies: 6
    Last Post: 17 Oct 2007, 07:31 PM
  5. Help Internet Explorer 7 Ate My Header!!!
    By BUTTSTTUB in forum Basic Configuration
    Replies: 10
    Last Post: 3 Aug 2007, 07:20 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR