If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Feb 2006
    Member #
    Hi there,

    I was wondering if it's possible to convert the following background properties in css to a property that gives the same result for a div:

    body {
        background:url(images/Top_2.png) top center no-repeat;
    What happens here is that the Background stays in the middle of the screen for always, meaning if I would reduce the size of my screen and the image gets too wide it will cut the image not only on the right side but also on the left side so it will always stay in the middle.

    Now I've converted this image to a flash movie but now, when inserting the flash movie in a div, it will set the top left site of the flash movie at 0,0 px and will only cut from the right side of the movie when the screen gets too small...

    Does anyone know how the background behaviour can be copied onto the flash movie in the div? Thanks a lot!


  3. #2
    Senior Member straight_up's Avatar
    Join Date
    Dec 2003
    Member #
    body {
        background:url(images/Top_2.png) top center no-repeat;
    That should do it

    But if you are using a SWF, not a PNG, now, then you'll have to do something different. If that's what you want to do then try:
     /* css */
    #containingDiv {
      text-align: center;
      width: 100%;
      overflow: hidden;
    #swfMovie {
      margin-left: auto;
      margin-right: auto;
    HTML Code:
    <div id="containingDiv">
      <object or whatever  id="swfMovie" />
    if i'm barking up the wrong tree, can u show us an example?
    I am Alan Hogan (@alanhogan on Twitter). I like PHP, UI/UX design, and OS X.

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 02:13 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: