This code formats slightly differently under IE and Chrome:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><body bgcolor=#F0F0F0>
<div style="width: 17px; height: 17px; border-radius: 17px; border-width: 1px; border-style: solid; border-color: #808080; overflow: hidden; vertical-align: middle;">
<iframe style="position: relative; top: -3px; left: -3px;"
src="http://bandcamp.com/EmbeddedPlayer/track=3060672872/bgcol=ffffff/artwork=false/transparent=false/size=short"
seamless>
</iframe>
</div>
</body></html>
I'm trying to get the Bandcamp player to be ensconsed within my circular "div" and have the play button be centered. The play button is correctly centered on Chrome but is off center on IE. I can change the number of pixels of offset on the iFrame, but then that ruins Chrome to make IE look good.
I don't think it's the old "box model" problem because I think I have the correct Doctype at the top that means I'm rendering in standards mode instead of quirks mode. Someone correct me if I'm wrong about that.
Anyone know how to fix this?
Previous Topic
Index