CODEWITHSUNDEEP
javascripthtmlflashwebswfobject
AlonAlon
AlonAlon

Reputation: 215

placing flash object alongside with another div

I have a flash object which is 300x600. I want to place it horizontally with another div. swfObject creates it with style="display: block !important;", so I think that's the problem.

I've tried to use swfobject.createCSS to disable this, but it didn't work-out.

I'd be glad for help.

Upvotes: 0

Views: 26

Answers (1)

cafebabe1991
cafebabe1991

Reputation: 5176

Here's how you can do it ...

<!DOCTYPE html>
<html>
<head>
<style>
#wrapper {
    width: 500px;
    border: 1px solid black;
    overflow: auto;
}
#first {
    float: left;
    width: 300px;
    border: 1px solid red;
}
#second {
    border: 1px solid green;
    margin: 0 0 0 302px;
}


</style>
</head>
<body>
    <div id="wrapper">
       <div id="first">
           <object width="300" height="315"
                data="http://www.youtube.com/v/XGSy3_Czz8k">
           </object>
       </div>
       <div id="second">
           <h1>This is some second div</h1>
       </div>
    </div>
</body>
</html>

Upvotes: 1

Related Questions