Firefox working but IE really wrong

Hi all,

I spent all night working on the home page of my friends site http://www.ozresort.com.au/ and didn't even think to check it in IE untill today and it's looks messed up in IE6 and IE7

This is only my second day using zen cart and i'm at a complete loss as to wear to start fixing it as i'm thinking it's more than just one probelem.

Any help would be greatly appriciated.

The problem seems to be that the horizontal navigation isn't sitting right which is throwing everything else out.

I could attach sceenshots so i uploaded them links are....

http://www.ozresort.com.au/FF.jpg
http://www.ozresort.com.au/IE6.jpg
http://www.ozresort.com.au/IE7.jpg

Thanks very much in advance.

Have changed the site a little bit trying to fix the problem still no luck

:shocking: Just a few reasons at http://validator.w3.org/check?uri=http%3A%2F%2Fozresort.com.au&charset=%28detect+automatically%29&doctype=Inline&group=0

dbltoe:

:shocking: Just a few reasons at http://validator.w3.org/check?uri=http%3A%2F%2Fozresort.com.au&charset=%28detect+automatically%29&doctype=Inline&group=0

When you said few i didn't think you meant the same thing as when i go for a few beers

cheers

This is a little bit over my head, if anyone has a solution i can use in the mean time while i sort out the validation it would be greatly apriciated

Just your main page has a page inside a page LITERALLY!

You have two head tags, Doctypes, etc.

There is no "meanwhile". The site will not function properly until a majority of these items are fixed.

I also have a compatibility problem.
On FF, Chrome and IE8 everything works fine,
but in IE7 there are 2 bugs I cannot get rid of.

http://74.52.48.66/~djoel/zencart/index.php?main_page=index&language=de

First there is a little margin between the logo and the navEZPagesTop.
Second: After fixing the position of the navColumnOneWrapper
it's showing up out of the left column.
Please, could anyone help out!

Here my stylesheet

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 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 5952 2007-03-03 06:18:46Z drbyte $
 */

body {
	margin: 0em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #e6e6e6;
	}

a img {border: none; }

a:link {
     font-family: verdana;
     font-size: 0.9em;
	color: #ffcc99;
	text-decoration: none;
	}
#navEZPagesTOC ul li a {
     color: #ffcc99;
	text-decoration: none;
     }
a:visited {
	color: #ffcc99;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #aeaac5;
	text-decoration: none;
	}

a:active {
	color: #596183;
	}

h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.5em;
	}

h3, h4, h5, h6 {
	font-size: 1.5em;
	}
	
LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
}

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: #f0f8ff;
	}

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;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
#logo { 
    text-align: center;
	}
	
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 {
     margin: 0em;
     background-image: url(../images/hintergrund_1.gif);
	text-align: center;
	width: 963px;
	vertical-align: top;
	}

#contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
     margin: 0em;
	padding: 0em;
	}	

#headerWrapper, #logoWrapper {
     margin: 0em;
	padding: 0em;
	width: 963px;
	float: none;
	}	
#navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}  
	
#navColumnOneWrapper {
      position: fixed;
      margin: none;
      }
      
#tagline {
    display: none;
    background-color:#7b0046;
	color:#a86386;
	font-size: 0;
	text-align : center;
	vertical-align: bottom;
	}

#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 {
    display: none;
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: none;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper {
     margin-bottom: 0em;
     margin:0em;      
     padding: 0em;
	height: 220px;
	width: 963px;
	
	}
#navSuppWrapper {
     margin-top: 3em;
	background-color: #7b0046;
	font-family: verdana;
     font-weight: bold;
	color: #000000;
	height: 1%;
	width: 100%;
	}
	
#navCatTabsWrapper {
    display: none;
	}
	
#navMain ul, #navSupp ul {
	margin: 0;
	padding:  0.2em 0em;
	list-style-type: none;
	text-align: center;
     line-height: 1.9em;
	}

#navMain ul li, #navSupp ul li {
	display: inline;
	}

#navMain ul li a {
     display: none;
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffcc99;
	white-space: nowrap;
	}
#navSupp ul li a {
     font-family: verdana;
     font-size: 0.9em;
     text-decoration: none;
	padding: 0em;
	margin: 0;
	color: #ffcc99;
	}
	
#navSupp ul li a:hover {
    color: #aeaac5;
	text-decoration: none;
    }	

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0em 0.5em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
    display: none;
    float: right;
	}
	
#navBreadCrumb {
     display: none;
     background-color: #e1dfee;
	}
	
#navLanguagesWrapper { 
      display: none;
      text-align: center;
      float: right;
      margin-right: 22em;
      margin-top: -4.2em;
      margin-left: 2.5em;
      padding: 0em;
     }
     
#navCurrenciesWrapper {
     }
          
#navEZPagesTop {
     width: 963px;
	height: 2em;
	background-image: url(../images/navimain.gif);
     background-repeat: no-repeat;     
	}
 
#navEZPagesTop { 
     vertical-align: middle; 
     font-family: verdana;
	font-size: 1.1em;
	font-weight: bold;
     margin: 0em;
	padding-top: 0em;
	text-align: center;
	}
	
#navEZPagesTop a {
    font-size: 0.9em;
    padding: 0em;
    margin: 0.1em;
    color: #ffcc99;
    }
	
#navEZPagesTop a:visited {
    color: #ffcc99;
    }
	
#navEZPagesTop a:hover {
    color: #aeaac5;
	text-decoration: none;
	}
	
#navBreadCrumb {
    font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	text-align: center;
	}
#navColumnOne {
    background-color: #831144;
   
	}

#navColumnTwo {
     display: none;
	background-color: #e1dfee;
	}

/*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;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*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;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.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 ;
	}

.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 {
     background-color: #963563;
     float: none;
     }

h3.leftBoxHeading, h3.leftBoxHeading a {
     display: none;
	font-size: 1em;
	color: #ffcc99;
	}

.leftBoxHeading, .centerBoxHeading {
     display: none;
     margin: 0em;
	margin-bottom: 0.5em;
	background-color: #7b0046;
	padding: 0.5em 0.2em;
	}

.leftBoxContainer {
     font-family: georgia;
     color: #ffcc99;
     background-color: #8b2353;
     margin-top: 2em;
	border: none;
	}

.leftBoxContent {
	background-color: #7b0046;
	color: #ffcc99;
	padding: 0.4em;
	}
.a:link, .leftBoxContent {
    font-family: georgia;
    color: #ffcc99;
	}
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.2em;
	color: #7b0046;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: #e1dfee;
	padding: 0.2em 0em;
	}

h3.leftBoxHeading a:hover {
	color: #596183;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}

.rightBoxContent {
	background-color: #e1deff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #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;
	}

#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: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	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;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

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, #infoShoppingCart {
	background-color: #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}

First, it would have been better to start a new thread. More opportunity for help.

Secondly, you have many problems that have nothing to do with a stylesheet. Some of your problems will go away when you fix the items listed at http://validator.w3.org/check?uri=http%3A%2F%2F74.52.48.66%2F~djoel%2Fzencart%2Findex.php%3Fmain_page%3Dindex%26language%3Dde&charset=%28detect+automatically%29&doctype=Inline&group=0

Firstly, I'd like to post a new thread but that button doesn' show up.
Second, after correcting nearly all of those errors, mentioned there
these bugs still appear on my site.
Any other idea, maybe!?

dbltoe:

Just your main page has a page inside a page LITERALLY!

You have two head tags, Doctypes, etc.

There is no "meanwhile". The site will not function properly until a majority of these items are fixed.

Thanks mate, perfect spot for me to start before i go through the list, appriciate your help.

Second: After fixing the position of the navColumnOneWrapper

It looks to me that fixing that column position is the cause of your IE7 problem. Not sure what it accomplshes in the other browsers.

You have to navigate to the 'home' page of a particular forum here to see the New Thread button.

It looks to me that fixing that column position is the cause of your IE7 problem. Not sure what it accomplshes in the other browsers.

You have to navigate to the 'home' page of a particular forum here to see the New Thread button.

Now at least I know how to post a new thread... Thank you!

To the other point: you're right about the fixing and I think I'm gonna end up dropping this idea.
But this will only fix that left column problem, but not that
logo - nav ezpage margin.
I really have no idea how to get rid of it!

I found out the (simple but not proper) solution to what my problem was

#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
max-height: 166px;
min-height: 25px;
height: 166px;
}

should have been

#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
max-height: 146px;
min-height: 25px;
height: 146px;
}