/    Sign up×
Community /Pin to ProfileBookmark

relative positioning in ie.6 & Firefox

Copy linkTweet thisAlerts:
Jul 14.2005

I am using CSS to place an animation (SWF) file on a web page I am creating and have hit a problem with how Firefox displays this file.

I have managed to get the animation to be placed in the right place in ie.6 but when viewd in Firefox the animation file ends up half way up the page.

Please see the page at the following URL: [url]http://www.iimia.co.uk/testarea/corporate/corp_aboutustest.htm[/url]

Can anyone tell me where I am going wrong with this or am I not and it’s just one of those anomalys between IE and Firefox.

I look forward to hearing from anyone, please……….

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@drhowarddrfineJul 14.2005 — IE is screwing you up by stretching the layer1 div to fit the content. I can't find the CSS for the layer1 div so I'm assuming it is positioned somehow with floats or absolute. FF is properly collapsing the div so you must use the techniques for clearing the floats or stretching the divs.
Copy linkTweet thisAlerts:
@stevepughauthorJul 14.2005 — Thanks for your help. Could you take another look at the page now and see if I am getting the right end of the stick, as it were.

There isn't a CSS for div layer1 but I am not clear about what you mean about clearing the floats and stretching the divs.
Copy linkTweet thisAlerts:
@stevepughauthorJul 14.2005 — I've now added CSS for div Layer1 but there is still a difference between i.e. and Firefox.
×

Success!

Help @stevepugh spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...