Inserted slideshow bumping page links to bottom

  • Hi All:

    With regard to https://www.spindriftfilms.com/wordpress/?page_id=11

    I have a nice Flickr photogallery inserted into the page, but on Internet Exlorer, the side bar navigation links bump to the bottom of the page below the photogallery. It’s fine in Firefox though.

    Is this an IFRAME issue or perhaps the page margins are a bit too wide?
    If so, where could I try to shrink the margin a bit?

    Many thanks in advance!

Viewing 1 replies (of 1 total)

  • Okay, I’ll weigh into this one.

    Your site looks okay in IE8 and Firefox, but breaks in IE7.

    First of all, a check of your site via the W3C HTML Validator reveals 15 errors, and the use of the deprecated align=left in your iframe is at the top of the list.

    You also are using XHTML 1.0 Strict, which doesn’t support some attributes that are displayed in the iframe.

    Finally, you didn’t close a <p> tag at the end of your iframe.

    All of the errors seem to stem from the above iframe. So…what to do…

    What I would do is this:

    1. Consider using XHTML 1.0 Transitional rather than XHTML 1.0 Strict as a DOCTYPE. It’s more forgiving when working with deprecated elements.

    2. Lose the <p> tags and wrap the iframe in a <div>, such as <div class="photoiframe"><iframe...></iframe></div>. Make sure all tags are closed.

    3. In the stylesheet, use a float: left; instead of the align=left in the opening iframe tag. Do it this way:

    .photoiframe {
  float: left;
}

    This should do the trick. Let me know if this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Inserted slideshow bumping page links to bottom’ is closed to new replies.