5 replies to this topic

[AfroJack]

Hello, I'm trying to add a media player to my website.
This is what it looks like at the moment

and this is what I want it to look like

I can edit the width of the mediaplayer class to move it across, but then when I open it on a different size screen, or zoom out, it moves off the edge of the middle.
How can I attach it to the side of the middle part? The #mediaplayer is the media player and the #container is the black thing in the middle
#mediaplayer{float:right; width: 385px; margin: 0 auto;}
#container
{
width: 900px;margin: 0 auto;padding: 5px; border-top: 2px solid #cccccc;
border-right: 2px solid #cccccc;border-bottom: 2px solid #cccccc;
border-left: 2px solid #cccccc; background-color: #000;
}

[papabear]

this is a normal scenario/problem regarding screens. Is the #container a parent of #mediaplayer? like this

<div id="container">
		  <div id="mediaplayer">

		  </div>
</div>

you can also try to use and experiment the absolute positioning
example

position:absolute;
left:100px;
top:150px;

[wim DC]

edit: Sec, IE is annoying as usual...

[marases]

Hahaha, just forget about IE!

[WingedPanther73]

Hahaha, just forget about IE!

Unfortunately, when developing websites for commercial customers, you can't. IE6 finally dropped low enough in usage that I can stop supporting it, but IE7 and up are still very important.

[wim DC]

Yea, IE must be supported our your site sucks And it will remain like that for a long time since the latest IE versions aren't all THAT bad anymore.