PDA

View Full Version : If I had a nickel for every time IE didn't render properly...


kona72
01-30-2008, 01:34 PM
Hey Gang,

I have a CSS issue that i just cannot see. Page renders percfectly in FF but does not parse the style sheet it seems in IE. I need a fresh set of eyes to help please. I have a feeling it has to do with lightbox but not sure...

Here is the css...

Here are live links as well....

http://cuba.trafick.net

http://cuba.trafick.net/styleshop/thesytlist.css


HTML,*{margin: 0px;

padding: 0px;}



body{

background-image:url("../images/siteimages/cuba_bg.jpg");

background-repeat:no-repeat;

background-position:top;

background-color:#fff;

font:.80em "Myriad Web", Tahoma, Arial, Helvetica, sans-serif;

text-align:center;



}



#wrapper{

width:700px;

text-align:left;

margin: 0px auto;

}



#header{

margin: 265px 0px 0px 0px;

background-color:#fff;

}



#nav{

background-color:#FFC;

padding:10px 15px;

}



#content{

width:680px;

background-color:#fff;

padding: 5px 10px;

}



#image{

display:inline;}



#photothmb{

width:150px;



}





#photothmb ul {padding:0; margin:0; list-style:none; width:660px; height:1000px; position:relative; z-index:10;}



#photothmb li{display:block; width:125px; height:auto; float:left; padding:1px; border:1px solid #ccc;

;

}



.clearfloat {

clear:both;

height:0;

font-size:1px;

line-height:0;

}



/* Lightbox crap ---*/



#lightbox{

position: absolute;

left: 0;

width: 100%;

z-index: 100;

text-align: center;

line-height: 0;

}



#lightbox a img{ border: none; }



#outerImageContainer{

position: relative;

background-color: #fff;

width: 250px;

height: 250px;

margin: 0 auto;

}



#imageContainer{

padding: 10px;

}



#loading{

position: absolute;

top: 40%;

left: 0%;

height: 25%;

width: 100%;

text-align: center;

line-height: 0;

}

#hoverNav{

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

z-index: 10;

}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

width: 49%;

height: 100%;

background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

display: block;

}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

font: 10px Verdana, Helvetica, sans-serif;

background-color: #fff;

margin: 0 auto;

line-height: 1.4em;

overflow: auto;

width: 100%

}



#imageData{ padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }



#overlay{

position: absolute;

top: 0;

left: 0;

z-index: 90;

width: 100%;

height: 500px;

background-color: #000;

}

kona72
01-30-2008, 02:44 PM
ok, i found it....

have to use the proper commenting syntax....

/* not <!---

Now it works!!!

domedia
01-30-2008, 03:08 PM
Nice pics! :)

kona72
01-30-2008, 03:14 PM
Thanks..

Cuba is Awesome... second time there and going back again next year

domedia
01-30-2008, 03:28 PM
Been to neighboring islands a couple of times.. but even for a non-US citizen residing in the US, it's hard to go to Cuba.. only because it's illegal for any of my friends to join me :-/