2 replies [Last post]
alexmel7
Offline
Regular
Last seen: 12 years 49 weeks ago
Timezone: GMT-4
Joined: 2008-05-23
Posts: 12
Points: 0

Hey everyone, I have an swf that is about 1700 pixels wide in a div. I want to center the swf and use overflow:hidden; to hide the extra width. Essentially, I want to create the same effect as if the swf was a background image using background-position:top center;. I don't want to have to shrink my images down using width:100%. Any suggestions? Here is my css:

body, html {
background-color: #000000;
margin: 0;
padding: 0;
}
 
#header {
position: absolute;
left: 0;
background-image: url(images/headerexample.png);
width: 100%;
height: 49px;
min-width: 1000px;
}
 
#main {
height: 481px;
margin-top: 10px;
overflow: hidden;
min-width: 1000px;
}
 
#menu {
position: relative;
top: 4px;
background-image: url(images/logonavexample.png);
width: 796px;
height: 39px;
margin-left: 50px;
}
 
 
#footer {
position: absolute;
top: 520px;
background-image: url(images/footerexample.png);
width: 100%;
height: 200px;
min-width: 1000px;
}

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 2 days 19 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Can we see the HTML that

Can we see the HTML that goes with it?

Verschwindende wrote:
  • CSS doesn't make pies

alexmel7
Offline
Regular
Last seen: 12 years 49 weeks ago
Timezone: GMT-4
Joined: 2008-05-23
Posts: 12
Points: 0

Problem Solved! I had to set

Problem Solved! I had to set scale to noScale in the flash params. Thanks though!