SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2013
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Bandcamp player not centered using Chrome, but fine with FF and IE

    Hi Folks

    URL: www.perthpunk.com

    Towards the bottom of the home page, I have an embedded Bandcamp player that is centered (as intended) when viewed on Firefox and IE, but left-aligned when viewed on Chrome. The coding I have at present is as follows:

    <div style="text-align:center"><iframe style="border: 0; width: 350px; height: 470px;" src="http://bandcamp.com/EmbeddedPlayer/album=2744790949/size=large/bgcol=ffffff/linkcol=0687f5/notracklist=true/t=3/transparent=true/" seamless><a href="http://geeks77.bandcamp.com/album/burned">Burned by The Geeks</a></iframe></div>

    Can anyone suggest a mod, please, that will ensure the player remains centered in FF and IE, and is changed from left-aligned to centred in Chrome?

    Cheers!
    Ross

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

    Try adding display:inline-block here:

    Code:
    <iframe style="border: 0; width: 350px; height: 470px;display:inline-block"

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2013
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's done it! Thanks a lot, Paul. Terrif!

    Now all I wanna do is stop Chrome from hanging every time I open it! But that's another conversation.

    Cheers!
    Ross


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
  •