SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    Maryland
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Gallery not working in IE

    Hi everyone.

    I am trying to build a gallery for a client using CSS, it works great in Firefox and Chrome, however doesn't look the same in IE.
    http://wwww.lowmantwigg.com/gallery.htm

    Would anyone here be so kind as to help direct me what I could change to help it to also work well in IE?

    Thanks in advance,
    Barb
    "Xerraire"
    My Personal Page: http://www.xerraire.com
    My Personal Blog: Barb's Blog

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,213
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hi Barb. Which versions of IE have you tested in? There are 4 in common use, each quite different.

  3. #3
    SitePoint Member
    Join Date
    Feb 2004
    Location
    Maryland
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ralph, I have 8 and my fiancÚ checked in his with IE 9.

    Neither looked as great as our versions of Firefox 5 & 6.

    IE doesn't allow for a row of 4, it reduces the thumbail row to 3 across, making the whole this aligned offset from FF having 4 in the rows.

    Admittedly, I don't know a lot about CSS. This gallery looks great to help my clients show off their construction works in a quick and easy manner. She wanted something with tabs, and this script certainly delivers that.
    "Xerraire"
    My Personal Page: http://www.xerraire.com
    My Personal Blog: Barb's Blog

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The main problem in IE is that you don't have a doctype and without it all versions of IE will go back to last century and behave much like IE5 and render in quirks mode using the broken box model.

    Add a current doctype such as this to the top of the page:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    That must be the first line on the page and there can be nothing above it (not even comments).

    Your page is using old fashioned code you would do well to bring it up to date a bit and lose the tables, font tags, breaks for spaces and stylesheets in the body. We can help you with that if you are interested in learning best coding practices

  5. #5
    SitePoint Member
    Join Date
    Feb 2004
    Location
    Maryland
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Paul!
    That worked perfectly!

    Bless you for your help! You've saved me days of figuring it out!

    Barb
    "Xerraire"
    My Personal Page: http://www.xerraire.com
    My Personal Blog: Barb's Blog


Tags for this Thread

Bookmarks

Posting Permissions

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