3 replies [Last post]
DivaVocals
Offline
Regular
Last seen: 11 years 33 weeks ago
Timezone: GMT-8
Joined: 2008-01-20
Posts: 12
Points: 2

Why oh why does Internet Explorer make things SOOOO daggone difficult! :curse: Everything works great in Firefox, but of course Internet Explorer does it's own thing.. I'm nearly done working out all the Internet Explorer related issues for this site.. This is the last one, and it's nagging the heck out of me.

Here's my dev site: http://clients.overthehillweb.com/phlaunthair/phflauntshop/

If you look at this page in Internet Explorer, you'll see that the link "Lace Wigs" is SLIGHTLY truncated. (i.e. the "G" in Lace Wigs is cut off at the bottom, and the hover styling is hidden) It's odd since none of my other links have this issue.. I've tried a number of things and at this point I am GUESSING at an answer.. I'm sure there is a simple fix that I am overlooking.. Any CSS gurus out there got any ideas that might help?? PLEASE..

My stylesheet:

/**
 * 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 3688 2006-06-02 00:12:18Z drbyte $
 */ 

/*  things for the template */
#mainCartContainer{
width:inherit;
}
.bodyTable {
	border:thin solid #03134e;
	background: #1d1b16;
	float:left;
	width:inherit;
}

body {
	margin: 0;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868585;
	background: #1d1b16;
	line-height: 115%;
	}

.letters_color {
	color: #bc7d7d;
	}

.letters_space {
	letter-spacing: 0.1em;
	font-style: italic;
	}
 
.productTitle_space {
	letter-spacing: 0.1em;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	}
 
 a img {
	border: none; 
	}
	
a:hover img {
	/* text-decoration: none; */
	border-bottom: none;
	}

#productListHeading {
	display:none;
	}

.listingDescription {
	display:none;
	}

a:link, #navEZPagesTop a:link, #categoriesContent a:link, .sideBoxContent a:link, #navMain a:link, #informationContent a:link, #siteinfoLegal a:link {
	color: #bc7d7d;
	text-decoration: none;
	}

a:link, #navSuppWrapper a:link {
	color: #bc7d7d;
	text-decoration: none;
	}

a:link, #navEZPagesTOC ul li a:link {
	color: #bc7d7d;
	text-decoration: none;
	}

a:link, h2 a:link {
	color: #bc7d7d;
	text-decoration: none;
	}

a:visited, #navEZPagesTop a:visited, #categoriesContent a:visited, .sideBoxContent a:visited, #navMain a:visited, #informationContent a:visited, #siteinfoLegal a:visited {
	color: #bc7d7d;
	text-decoration: none;
	}

a:visited, #navSuppWrapper a:visited {
	color: #bc7d7d;
	text-decoration: none;
	}

a:visited, #navEZPagesTOC ul li a:visited {
	color: #bc7d7d;
	text-decoration: none;
	}

a:visited, h2 a:visited {
	color: #bc7d7d;
	text-decoration: none;
	}

a:hover, #navEZPagesTop a:hover, #categoriesContent a:hover, #navMain a:hover, #navMain ul li a:hover, #navCatTabs ul li a:hover, .sideBoxContent a:hover, #informationContent a:hover, #siteinfoLegal a:hover {
	color: #bc7d7d;
	text-decoration: underline;
	}

a:hover, #navSupp ul li a:hover{
	color: #bc7d7d;
	text-decoration: underline;
	}

a:hover, #navEZPagesTOC ul li a:hover {
	color: #bc7d7d;
	text-decoration: underline;
	}

a:hover, h2 a:hover {
	color: #bc7d7d;
	text-decoration: underline;
	}

a:active {
	color: #bc7d7d;
	}

h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, 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;
	}

CODE {
	font-family: Verdana, Arial, 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 #868585;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: #868585;
	}

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

LABEL.inputLabel {
	width: 9.5em;
	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: #000000;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FF9900;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	position: relative;
	/* top: 0px; */
	width: 815px;
	background: url(../../../../images/content_images/content_bg.jpg);
	/* background-repeat: repeat-y; */
	margin-left: auto;
    margin-right: auto;
	}
	
/* #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	position: relative;
	top: 0;
	margin: 0em;
	padding: 0em; 
	} */

#logoWrapper {
	display:none;
}

#productName {
	display:none;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#tagline {
	display:none;
	/* color:#000000;
	font-size: 2em;
	text-align : center;
	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;
	}

/* #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #03134e;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: inherit;
	} */

#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: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	}

#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, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navBreadCrumb {
	background-color: #ffffff;
	}

#navEZPagesTop {
	background-color: #ffff33;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne {
	background-color: #cfcfcf;
	}

#navColumnTwo {
	background-color: #00BFBF;
	}

/*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 {
	margin: auto 1em auto auto;
	text-align: center;
	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: #03134E;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #03134E;
	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 ;
	}

.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: 10em 0em 10em 0em;
	}

/*sideboxes*/
.columnLeft {}

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

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: #1d1b16;
	padding: 0.5em 0.2em;
	}

.leftBoxContainer {
	border: 1px solid #ffffff;
	margin-top: 1.5em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFF00;
	}

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

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

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

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

.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;
	/* vertical-align:top; */
	}

#siteinfoLegal {
	display: none
	}

#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 {
	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, #infoShoppingCart {
	background-color: #ffffff;
	}

tr.productListing-odd {
	background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png);
    background-repeat: repeat-x;
    background-position: bottom;
	height: 100px;
	}

tr.productListing-even {
	background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png);
    background-repeat: repeat-x;
    background-position: bottom;
	height: 100px;
	}

/* ____________________Added by sanguis________________________________ */
#productTellFriendLink {
	clear:left;
}

/*  Joomla CSS required for header and footer to match Joomla main site */
#imbedHeader {
	width: 815px;
	height: 77px;
	background: #1d1b16;
	margin-left: auto;
    margin-right: auto;
	color: #868585;
	border-bottom: 1px solid #1d1b16;
}

#imbedFooter {
	position: relative;
	top: -6px;
	width: 815px;
	height: 77px;
	background: #1d1b16;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	color: #868585;
	border-bottom: 1px solid #1d1b16; 
}

#creditFooter {
	position: relative;
	top: -6px;
	font-size: 11px;
}

#imbedLogo {
	position: relative;
	left: 0;
	top: 0;
	width: 329px;
	height: 77px;
}

#imbedLogo img {
	display: block;
}

#imbedMenu {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	left: 430px;
	top: 60px;
	width: 480px
}

#imbedOtherMenu {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	left: 0px;
	/* bottom: -30px; */
	width: 814px;
}

#other_menu {
	position: relative;
	/* CMJ 01/19/2008 - The following attribute (top) is added to help vertically center the footer menu */
	top: 27.5px;
	right: 0px;
	text-align: center;
}

#other_menu ul {
	margin: 0px;
	padding: 0px;
}

#other_menu ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	text-align: left;
	padding-right: 0px;
	padding-left: 19.5px;
	height: 22px;
}

#other_menu ul li ul {
	display:none;
}

#other_menu a:link, 
#other_menu a:visited {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	/* color: #45322F; */
	color: #bc7d7d;	
}

#other_menu a.mainlevel:hover,
#other_menu #active_menu, 
#other_menu a#active_menu:link, 
#other_menu a#active_menu:visited {
	color: #868585;
}

Logus
Logus's picture
Offline
Enthusiast
Last seen: 12 years 20 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

Link

Hello
Why do you use in your link Lace Wigs a picture and a text? Isn`t enough with the word "Lace Wigs"?.

Using IE developer toolbar I see that your div is more smaller that your link and that cut link, try first change link and after try increase div height (categoryListBoxContents)

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com

DivaVocals
Offline
Regular
Last seen: 11 years 33 weeks ago
Timezone: GMT-8
Joined: 2008-01-20
Posts: 12
Points: 2

Quote:Why do you use in your

Logus wrote:
Why do you use in your link Lace Wigs a picture and a text? Isn`t enough with the word "Lace Wigs"?.
This is how ZenCart is written. Category images are an optional setting. The program inserts a 1x1 pixel GIF file to handle categories when no category image is used. I'm sure there is a good reason why the program is written this way, but since the image doesn't appear to be the cause of this issue I am having, I never really gave it any thought.

Logus wrote:
Using IE developer toolbar I see that your div is more smaller that your link and that cut link, try first change link and after try increase div height (categoryListBoxContents)
I'm not sure if I understand what you are suggesting I try to do to correct this.. Which div are you saying is smaller than my link??

DivaVocals
Offline
Regular
Last seen: 11 years 33 weeks ago
Timezone: GMT-8
Joined: 2008-01-20
Posts: 12
Points: 2

Been looking at this far too

Been looking at this far too long apparently.. The issue was my line-height settings in the body.

body {
	margin: 0;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868585;
	background: #1d1b16;
	line-height: 120%;
	}

I added 5% to this setting (was 115%) and all is right in Internet Explorer now. **sigh**