SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Dec 2011
    Location
    Switzerland
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Why is the card with the landscape photo not in the row in Chrome?

    Does anyone have any idea why the card with the landscape photo is not in the row in Chrome? It is in the row in Firefox ,Internet Explorer and Opera!

    You can chekout the example here: http://jsfiddle.net/XZPZZ/3/

    example.png
    Last edited by marcoegli; Dec 15, 2011 at 13:52. Reason: added an example image

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi marcoegli. Welcome to SitePoint.

    This seems to be causing problems, but I'm not quite sure why:

    Code:
    .landscape {
      vertical-align: middle;
      width: 100%;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Dec 2011
    Location
    Switzerland
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for this hint. When I do absolute positioning the card is in the row but the image is not positioned in the middle. And I still don't understand why the card is not aligned itself.

    Code:
    .landscape {
        width: 100%;
        position:absolute;
        left: 0;
        top: 0.5em; 
    }
    http://jsfiddle.net/278vW/1/


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
  •