img inside div not showing on IE 8

**amritayadav** · 10-11-2012 05:41 AM

Hi,

I have nested div tags and the innermost tag contains an image. The page looks good on chrome, safari and firefox but it just doesn't show the image in IE. Any pointers would be helpful. There is a js script running on the div for animation effects. Including code here.

Code:

  <body>      
    <!--Slideshow-->
    <div  id="jq_fmslideshow" style="position:relative;">

      <div id="fmslideshow" style="visibility:hidden" >

        <!--Slide Complete -->

        <div id="container" style="width:100%"> 
          <div id="logospace" style="width:100%" data-align="T" data-spacing="0" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
            <a href="somereference" title="" >
              <img height="75" width="175" src="./images/myimg.png"  align="left" alt="Logo" /> </a>
          </div>

          <!-- Some cities -->
          <div align="left" data-align="LC" data-spacing="40,40" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
            <ul id="dblSpaced">
              <li><p>Silicon Valley</p></li>
              <li><p>Bangalore</p></li>
              <li><p>Hyderabad</p></li>
              <li><p>New York</p></li>
              <li><p>Washington DC Metro</p></li>
              <li><p>Chennai</p></li>
            </ul>
          </div>

          <!-- Central Vertical Line here -->
          <img data-align="C" data-spacing="40" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/verticalLine.png" alt="fmslideshow" />

          <!-- The bottom line -->
          <img data-align="BC" data-spacing="0,0" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/line.png" alt="fmslideshow"  />

        </div>

      </div>

    </div>

  </body>

and the related CSS -

Code:

body{
   display: block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:Arial,"Times New Roman";
}


ul{	font-size:13px;
	list-style-image:url(images/bullet.png);
	padding:3px 2px 3px 22px;
}

ul li{	border-bottom:1px solid #ccc;
	padding:3px 2px 3px 0px;
}


#dblSpaced	{
	font-size:13px;
   font-weight: bold;
	letter-spacing:3px;	
}

I can't figure what I am doing wrong here. Plz help!

Thank you for your interest,
Amrita

**cbVision** · 10-11-2012 08:41 AM

That code you provided will show nothing in FF, Chrome, or any other browser since it's set to "visibility: hidden;" The problem is with the JavaScript.

Thread: img inside div not showing on IE 8

Thread Tools

Display

img inside div not showing on IE 8

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions