www.webdeveloper.com
Results 1 to 3 of 3

Thread: IE issue displaying content

  1. #1
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898

    IE issue displaying content

    If you view the below site, in IE (7) at least, the center content has a dark background. If you view the same page in Firefox, it displays fine. How it displays in Firefox is how it should display in IE. Could someone help me fix this?

    http://www.zluth.org

    Thanks!

  2. #2
    Join Date
    Nov 2010
    Location
    Los Angeles, CA
    Posts
    234
    that div with the id "jsn-pcentercol_inner" has no background-color CSS rule specified for it, so it is transparent. The snowfall effect in the back is messing it up somehow. Give it a white background color in your CSS and you'll be fine.

  3. #3
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    That worked, thanks. There is still a dark line on the right side of the middle content though. Also, if I turn the snow effect off, this does not help with the dark background on the "jsn-pcentercol_inner" div, but giving it the white background has helped.

    I noticed something else a little odd. If you put your mouse in the left or right column where there it is just the gray background, like under the "Latest Sermons" box, the cursor is not the arrow, it is the text select mouse pointer, but there is no text there. Again, this in only in IE, not Firefox. How can this be fixed?

    Also, there are some images that are not showing up in IE on the right side, just below the search box. You can see them fine in Firefox, but not IE. In IE, if you view the source of the page, the images are there. Here is the code for the images:
    Code:
    <div class="bannergroup">
    
    <div class="banneritem"><a href="/component/banners/click/21.html"><img src="http://www.zluth.org/images/banners/connect_with_lutherans.png" alt="Connect With Lutherans" title="Connect With Lutherans" width="" height="" /></a><div class="clr"></div>
    	</div>
    <div class="banneritem"><a href="/component/banners/click/14.html"><img src="http://www.zluth.org/images/banners/rhs_thrivent_natalie_kratzer.png" alt="Thrivent" title="Thrivent" width="" height="" /></a><div class="clr"></div>
    	</div>
    </div>
    Any help with this is also greatly appreciated.

    Thanks again!!
    Last edited by jrthor2; 01-19-2011 at 06:41 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles