Wrapping an Object: Position

[fueonue]

I'm no coder, so forgive this stupid question...

See this page:

http://www.employeeuniversity.com/flowplayer/2. index.html

In design view of my html editor, the red text appears as I want it ..UNDER the player, but in web view it is BESIDE it.

What setting in the CSS do I need to change in order to get the RED text to fall BELOW the player?


Here is what's in the CSS file now:

div.flvPlayer {
position: left;
height: 180px;
display: block;
background-color: #000;
background-image: url('

http://www.employeeuniversity.com/Code/flowplayer/static/img/play.gif');

background-position: 50% 50%;
background-repeat: no-repeat;
float: left;
margin: 6px;
cursor: pointer;
}
div.flvPlayer.small, div.flvPlayer.small div.HeadWarn {
width: 240px;
}
div.flvPlayer object {
position: absolute;
background-color: #000;
z-index: 0;

 

[vacunita]

There is no such thing as position:left. I'd get rid of all the positioning if you don't know exactly what they are doing, or if you don't know if you need them. Looking at the link I see no real reason for them.


Anyway, you may want to remove the float:left from the player div. That should let your text fall under it instead of be next to it.




----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[fueonue]

That worked... thanks!