Forums / Templates, Stylesheets, Page Layout / Runs off page in Safari

Runs off page in Safari

Locked

Views: 1,091

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
16 Nov 2009, 2:06 PM
#1
helpme avatar

helpme

Totally Zenned

Join Date:
Apr 2007
Posts:
632
Plugin Contributions:
0

Runs off page in Safari

I just received an email from a customer letting me know that my site runs off the page to the right in safari....so I downloaded it and sure enough!
Here is my stylesheet....anyone have an idea?

html>body {
 width: auto;
 }
 
#mainWrapper {
 width:95%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
 max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
 min-width:760px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
 background-color: #ffffff;
 }
 
* html #mainWrapper {
 width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "95%" : d.clientWidth < 1048? "760px" : "95%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
 }
body {
 font-family: verdana;
 font-size: 68.5%;
 color: #000000;
 background:url(../images/floralbackground.gif) repeat;
 margin-top:1px;
 } 
img {border: none; }
a img {border: none; }
#logo img {border:none} 
a:link, #navEZPagesTOC ul li a, #navMain li a {
 color: #4f4f4f;/*3300FF*/
 font-weight: bold;
 text-decoration: none;
 padding:0 0 0 .8em;
 }
 
a:visited {
 color: #4f4f4f;/*3300FF*/
 font-weight: bold;
 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: #ff6699;
 }
a:active {
 color: #0000FF;
 }
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 3px;
 }
CODE {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 1em;
 }
FORM, SELECT, INPUT {
 display: inline;
 font-size: 1em;
 margin: 0.1em;
 }
TEXTAREA {
 margin: auto;
 display:block;
 width: 98%;
 }
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;
 }
 
.centerBoxContentsProducts {padding:1em 0em;margin-top:.5em;}
h3.itemTitle {padding:none;margin:none;}
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.1em;
 }
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 {
 color: #000000; /*#ffb4cb;*/
 /*font-weight: bold;*/
 text-decoration: none;
 }
 
#navMain {float:left;}
#navMain li a{
 display:block;
 font-size: 1.3em;
 font-weight: bold;
 font-family: Segoe Print;
 line-height:1.2em;
 }
#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
 margin: 0;
 padding: 0;
 }
#logoWrapper {
 width:100%;
 height:94px;
 text-align:center;
 padding-top:5px;
 }
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
 margin: auto;
 }
#mainWrapper {
 margin: 12px auto;
 } 
#taglineWrapper {
 width:100%;
 }
  
#tagline {
 color:#000000;
 font-size: 2em;
 text-align: center;
 }
#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*/
.navNextPrevCounter {
 margin: 0em;
 font-size: 0.9em;
 }
.navNextPrevList {
 display: inline;
 white-space: nowrap;
 margin: 0;
 padding:  0.5em 0em;
 list-style-type: none;
 }
 #navCatTabsWrapper {
 margin: 0em;
 background-color: #ffb4cb;
 font-weight: bold;
 color: #ffffff;
 height: 20px;
 width: 100%;
 }
#navSuppWrapper {
 margin: 0em;
 font-weight: bold;
 color: #ffffff;
 height: 20px;
 width: 100%;
 }
#navSuppWrapper {
 clear:both;
 }
#navMain ul, #navSupp ul, #navCatTabs ul  {
 margin: 0;
 padding:  0.5em 0em;
 list-style-type: none;
 text-align: center;
 line-height: 1.0em;
 }
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
 display: inline;
 }
#navSupp ul li a, #navCatTabs ul li a {
 text-decoration: none;
 padding: 0em 0.5em;
 margin: 0;
 color: #3300ff;
 white-space: nowrap;
 }
#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;
 }
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
 margin: 0.5em;
 }
#navMainSearch {
 float: right;
 }
#navBreadCrumb {
 margin-top:16px;
 font-size: 0.95em;
 font-weight: bold;
 padding: 0.5em 0 0.5em 1.5em;
 }
#navEZPagesTop {
 font-size: 0.95em;
 font-weight: bold;
 margin: 0em;
 padding: 0.5em 0 0.5em 1.5em;
 }
#navColumnOne, #navColumnTwo {
 background-color: #ffffff;  /*E5EDF5*/
 }
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
 vertical-align: top;
 }
 
#indexDefaultMainContent {text-align:center;}
#productDescription, .shippingEstimatorWrapper {
 padding: 0.5em;
 }
.alert {
 color: #FF0000;
 margin-left: 0.5em;
 }
.important {
 font-weight: bold;
 }
.gvBal {
 float: right;
 }
 
.centerColumn, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
 padding-top: 0.2em;
 padding-right: 0.8em;
 padding-bottom: 0.8em;
 padding-left: 0.8em;
 }
 
.centerColumn
 #bannerOne{
 padding-top: 0.5em;
 padding-right: 0.8em;
 padding-bottom: 0.0em;
 padding-left: 0.8em;
 }
 
/* Banners */
#footerBanners {
 clear:both;
 display: inline;
 }
#bannerFour  {
 width: 55%;
 float:left; 
 margin:10px 0 10px 10px
 }
#bannerFive  {
 width: 15%;
 float:left; 
 margin:10px 0 10px 10px
 } 
#bannerSix  {
width: 15%;
 float:right; 
 margin:10px 0 10px 10px
 } 
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
 clear: both;
 font-size: 0.9em;
 }
/*Shopping Cart Display*/
#cartAdd {
 float: left;
 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;
 }
.cartTotalsDisplay {display:none;} 
.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 { /* for Zen Cart version 1.3.0 - 1.3.0.2 */
 margin-left: 1em;
 }
 
.cartAttribsList { /* for Zen Cart versions 1.3.5+ */
 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*/
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
 margin: 0em 1em 1em 0em ;
 }
 
#productMainImage {
 float: left;
 margin: 0em 3em 1em 5em
 }
 
#cartImage {
 margin: 0.5em 1em;
 }
html>/**/body input[type=checkbox], html>/**/body input[type=radio] {
 float:left;
 clear:both;
 }
 
html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel {
 margin:0 .2em .5em 0;
 float:left;
 }
 
/*Attributes*/
.attribImg {
 width: 20%;
 margin: 0.3em 0em;
}
#featuredProducts h2 {display: none;}
#productAttributes {width:200px;}
/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
 margin: 1em 0em;
 }
 
.additionalImages {
    width: 35px !important; /*adjust to taste*/
    float: right;
    padding: 15px;
    }
 
#productAdditionalImages .clearBoth {
 float: right;
 }
 
/*sideboxes*/
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
 font-size: 1em;
 color: #ffffff;
 }
 
a.manufacturerName {
  display:block;
  clear:both
  }
 
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{
 color: #FFFF33;
 text-decoration: none;
 } 
.leftBoxHeading, .rightBoxHeading {
 margin: 0;
 background-image:url(../images/sidebox_header_bg.gif);
 background-repeat:no-repeat;
 padding: 0.5em 0.2em;
 }
.centerBoxWrapper {
 margin: 0;
 }
.centerBoxHeading {
 margin: 0;
 height:20px;
 background-color: #ffb4cb;
 padding: 0.2em;
 color:#ffffff;
 }
a.manufacturerName {
  display:block;
  clear:both
  }
.leftBoxContainer, .rightBoxContainer {
 margin-top: 1.5em;
 }
.sideBoxContent {
 background-image:none;
 background-repeat:no-repeat;
 background-position:bottom;
 padding: 0.8em;
 text-align: center;
 }
 
a.category-top  {
 color: #ffb4cb;
 font-size: 11pt;
 text-align: left;
 font-weight: bold;
 font-family: Segoe Print;
 }
a.category-links, a.category-links:visited {
 color: #ffb4cb;
 text-decoration: none;
 font-size: 11pt;
 font-weight: bold;
 font-family: Segoe Print;
 }
 
.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;
 }
.productListing-data, .navSplitPagesResult {
 padding: 10px 0;
 }
#cartBoxEmpty, #cartBoxVoucherBalance {
    font-weight: bold;
 }
#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;
 }
.orderHistList {
  margin: 1em;
  padding: 0.2em 0em;
 }
#bannerbox {
 border: none;
 }
#bannerbox2 {
 border: none;
 }
 
#bannerboxHeading, #bannerbox2Heading, #bannerboxallHeading{
 visibility: hidden;
 }
#shoppingcartHeading a {
    color: #ffff66;
    }
#shoppingcartHeading a:hover {
    color: #ff9999;
    }
.testimonial {
 color: #000;
 padding: 0 5px 5px 5px;
 text-align:left;
 }
 
.testimonial p {
 margin: 0; padding: 5px 0;
 }
 
.testimonial span {
 float:right;
 }
#upProductsHeading {
 text-align: center;
 }
#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;
 } 
#myAccountGen li, #myAccountNotify li {
 margin: 0;
 } 
.accountTotalDisplay, .accountTaxDisplay {
 width: 20%;
 text-align: right;
 }
.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;
 }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
 }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* This is the CSS needed for the Order Step Edition 2 contribution */
div.order_steps {       /* Is needed for the centering in IE */
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    text-align: center;
 }
table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 80%;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
 }
tr.order_steps_line_2 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
 }
tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
 }
td.progressbar_active {
    background-color: #3DA200;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
 }
td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
 }
td.progressbar_active_shadow {
    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
 }
td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
 }
td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text */
    padding-bottom: 5px; /* Determines the distance between the text and the line */
 }
td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #8DB18D;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
 }
td#active_step_text {       /* These are the styles for the active text */
    color: #005C2C;
    font-weight: 700;
    font-size: 1.1em;
 }
/* End Order Steps contribution CSS */
17 Nov 2009, 1:33 PM
#2
helpme avatar

helpme

Totally Zenned

Join Date:
Apr 2007
Posts:
632
Plugin Contributions:
0

Re: Runs off page in Safari

I still have not been able to fix this....anyone have any ideas? I have found other people with similar problems, but they have problems in 2 or more browsers....mine is only in Safari.
:lamo:

17 Nov 2009, 3:51 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Runs off page in Safari

Looks fine to me in Safari under XP. (If we're talking abot the Mommy Baby site.)

18 Nov 2009, 3:09 PM
#4
helpme avatar

helpme

Totally Zenned

Join Date:
Apr 2007
Posts:
632
Plugin Contributions:
0

Re: Runs off page in Safari

stevesh:

Looks fine to me in Safari under XP. (If we're talking abot the Mommy Baby site.)
well, that's strange, I downloaded Safari so I could work with it and it is way off the page for me too....
Yes I am talking about the mommy baby site :)
Thanks!