Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

General Support: Thumbnail wrapping in IE

Bottom of Page

1 to 5 of 5

  1.  
    • CommentAuthorArchytas
    • CommentTimeFeb 20th 2006
     
    Hi all,

    I just recently started with plogger after finding it perfect for my needs. I do websites.. well.. just for a laugh. I made one recently for a friend that needed somewhere to display pics

    - http://www.xclusive-ents.com/plogger/

    Its not a site that is going to make money or anything but I'd like it to be pretty good. It opens perfectly in firefox. Perfectly. But in IE the pics run of the righthand side. Its not "that" annoying - its just I think I've tried changing everything I can. I was just wondering if anyone out there has resolved this in their own site?

    Many thanks,
    A
    •  
      CommentAuthormike
    • CommentTimeFeb 20th 2006
     
    I see what you mean... IE and Firefox are interpreting the margin and padding around the thumbnails differently, although I think this should be a pretty easy fix.

    You have defined the margins on your body as "margin:20 120 20 120;", you may want to try adding a unit to those numbers, I assume you were going for pixels. "margin:20px 120px 20px 120px;" would be better and might fix your problem.

    You may also want to try adding a DOCTYPE to the top of your HTML. Plogger is developed in XHTML, and having no DOCTYPE on your page causes browsers to default to what is known as "quirks mode", or a default mode (HTML 4.01 transitional). This effects how your pages are rendered, so I think having a DOCTYPE of XHTML transitional may clear up your problem as the page will be rendered in "standards mode".

    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    Put this at the top of your page:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    • CommentAuthorArchytas
    • CommentTimeFeb 21st 2006
     
    You, my good sir, are a legend!! All I had to do was add the:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    to the top of my page! Cannot believe I didn't think of that!
    Thanking you kindly!
    • CommentAuthormarlies63
    • CommentTimeFeb 12th 2007
     
    wow, I had another margin problem (the margin between the border and the image itself was gone in IE) and all I needed was to put this doctype thing in! I never knew what those lines were for.. now I know ;)

    And as this is my first post here, I want to thank everyone at Plogger for their great software! With a lot of hours of searching and experimenting and lots of help from previous posts here on the forum, I was able to install my first Plogger and change it into exactly the (clean) gallery I want! :) It is on a small site for 2 deceased friends (http://www.band-of-brothers.ca/gallery) but for me it's a trial for bigger things as I need new galleries on two bandsites I maintain and I will be using the changed files there too. Now I got Plogger to generate things the way I want them, it's a delight to add pics and really build the gallery.. I'm excited, wooh!
    • CommentAuthoramasters
    • CommentTimeApr 17th 2007
     
    I'm almost finished with my Plogger site! I have only 2 problems left. One is a minor CSS issue in Firefox I may end up posting here. The other is that in Firefox the thumbnails line up across the page and then start a new row. I would think this is the expected behavior. At least I like them in rows. However, in IE (checked for 6 and 7), the thumbnails are in 1 column. I am using the Lightbox theme.

    I think I need to modify the thumbnails class but I haven't been able to get the thumbnails in rows in IE no matter what I try.

    Any suggestions??

    Thank you,
    Anne

1 to 5 of 5

  1.