Register  |  Login




Advertisement

Start Your Own Q&A Site

Create your own Q&A site easily, allowing you to quickly grow a new community around any subject matter or generate new organic traffic for your existing website.

Question

Status: Closed Points: 50 Time: 05:40 - Mar 28, 2009  

mikeleworthy

Need slideshow to move with site and browser adjustment...

Hi there. I am building a site which when you adjust the size of the browser the whole site moves to adjust with it...

www.sidfordprintanddesign.co.uk/indexcle...

I am adding an swf slideshow gallery to the page creative design (it's not there yet but i can put it there when i'm not at work). The dilema is that when i preview the site in any browser the swf file remains 'static' when the browser is moved but the rest of the site adjusts...

If you take a look at the source code of the page i've shown you'll get the idea of how the site is built.

How can I 'embed' the swf file so it moves with the rest of the site. I'm building it using layers.

mike.

Answer Discussion
Tutorials

 

raghed

Date:: Mar 28, 2009

Time:: 08:22

your problem is that you have an absolute position for each of your divs,,
if you are adding the swf into the main,
then try to added into a div that have a position "relative"

mikeleworthy

Date:: Mar 28, 2009

Time:: 09:33

hi there raghed. yeah i set the divs to absolute to achieve the adjustments but if i set the main div to relative i have a feeling it will not do what i want it to.

i need to add the swf file to the main div but need it to all move together. relative and absolute probably wouldn't work together would it?

mikeleworthy

Date:: Mar 30, 2009

Time:: 05:52

ok so i put the div to relative and it works fine in firefox but it still stays stuck in IE which is odd. i'm assuming there is a bit of css that gets around this?

raghed

Date:: Mar 30, 2009

Time:: 06:26

hi,
my idea is to put the swf into a div (eg. movie) into the main div. and giv the (movie) div a relative position
and if you have a problem with IE, try to make a separate css for IE.

mikeleworthy

Date:: Mar 30, 2009

Time:: 14:05

ok heres the page

http://www.sidfordprintanddesign.co.uk/c...

the swf file is in it's own div so is that where i'm going wrong? if i put it in the main div with the text content i'm not sure i could position it as there is padding etc. in there too...

i'm probably being stupid! IE requires it's own code then? I'm sure you'll suss this for me, or at least shout at me until i do! but at least now you can see the offending page.

mikeleworthy

Date:: Mar 30, 2009

Time:: 14:07

i just read your answer again and realised that's what i've done. it does work in firefox but not IE like you say so i'd need to figure the code to get it to move in IE... unless you know it?

raghed

Date:: Mar 31, 2009

Time:: 03:00

ok i have solved this. and i have tested on both browsers, you don't need to seperate css..
all you have to do is the following:
1. put the gallery div into the main div, right after the beginning tag of the div like this "<div id=main><div id=gallery ..."
2. change the css of the gallery to the following:
position:relative;
 padding:5px; 
 float:right; !important
 width:200px;
 height:250px;
 z-index:4;
and your problem will be solved.
also tested on chrome..

wish this will help

mikeleworthy

Date:: Mar 31, 2009

Time:: 13:03

absolutley spot on!!! thats worked a treat! thanks for the solution so much.
mike.

Question Answered

This question has been closed, and points have been rewarded to the following experts:


raghed: 50

You're welcome however to comment or give additional information or if you wish, you have the ability to write a Tutorial in the Tutorial Area.

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

No tutorials have been submitted yet. Want to be the first?

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

Ask a Question

Have a new question? Ask!

You have 100 characters to use



Top Experts

View More

Rank

Expert

Points

1.

nidhi

10354

2.

oracleofDelphi

6493

3.

rcastagna

5596

4.

LAGM

4848

5.

PeterNZ

3487

6.

gonzalo

2840

7.

Mason

2770

8.

jgivoni

2303

9.

xarcus

1820

10.

Anpanman

917

Become an Expert

Register today to share your knowledge with the community and be recognized and rewarded for your contributions.


Register Here




"Psst, Quomon is a great site. Pass it on."     Tell a Friend  |   Link To Us  |   Save to Delicious  |   Digg! Digg it



Language Options

English:

www.quomon.com

Español:

www.quomon.es