...

View Full Version : Player won't align in DIV (IE7)



paydirt1
07-11-2008, 03:53 AM
I can not get this FLV Player (the video player at middle left) to align center inside the DIV tag correctly (IE7). It drops below center in IE7.
Anyone have any suggestions?
Site Link (http://www.paydirtmedia.com/media/web/)

effpeetee
07-11-2008, 12:12 PM
I can not get this FLV Player (the video player at middle left) to align center inside the DIV tag correctly (IE7). It drops below center in IE7.
Anyone have any suggestions?
Site Link (http://www.paydirtmedia.com/media/web/)
Try this.


*/
.twoColElsLtHdr #sidebar1 {
float: left;
width: 340px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0; /* top and bottom padding create visual space within this div */
height: 400px;
margin-left: 20px;
margin-top: 30px; background-image: url(images/media_back2.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
margin-right: 10px;
}


Frank

abduraooft
07-11-2008, 12:24 PM
Try to fix all markup errors first, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paydirtmedia.com%2Fmedia%2Fweb%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

paydirt1
07-11-2008, 05:24 PM
Try this.


*/
.twoColElsLtHdr #sidebar1 {
float: left;
width: 340px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0; /* top and bottom padding create visual space within this div */
height: 400px;
margin-left: 20px;
margin-top: 30px; background-image: url(images/media_back2.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
margin-right: 10px;
}


Frank

Thanks, but that only pushed the box down. I need the video player to move up. hmmm.

effpeetee
07-11-2008, 05:45 PM
Do you know which div or class controls it. Although as they are superimposed, moving the box down should have the same effect between the two, although the relationship to the whole page may be wrong.

Perhaps the position of the player is set in Javascript.

I wish divs and classes were named better so that they could be identified more easily.

Frank

paydirt1
07-11-2008, 06:22 PM
Do you know which div or class controls it. Although as they are superimposed, moving the box down should have the same effect between the two, although the relationship to the whole page may be wrong.

Perhaps the position of the player is set in Javascript.

I wish divs and classes were named better so that they could be identified more easily.

Frank

I embedded the player within the <div id="sidebar_vid">

Yes, this is my first shot at DIV's and CSS...

effpeetee
07-11-2008, 06:56 PM
Try this.

Here (http://exitfegs.co.uk/best.html)


.twoColElsLtHdr #sidebar_vid {padding:0;
position:absolute;
left:5.8&#37;;
top:44.2%; width: 320px; /* top and bottom padding create visual space within this div */
height: 380px;
z-index:899;
max-height: 380px;
}


Adjust as necessary.

Frank

paydirt1
07-11-2008, 07:40 PM
Try this.

Here (http://exitfegs.co.uk/best.html)


.twoColElsLtHdr #sidebar_vid {padding:0;
position:absolute;
left:5.8%;
top:44.2%; width: 320px; /* top and bottom padding create visual space within this div */
height: 380px;
z-index:899;
max-height: 380px;
}


Adjust as necessary.

Frank

Your awesome. Worked great! Adjusted the %'s and voila. Thanks!

effpeetee
07-11-2008, 08:49 PM
Glad to help.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum