-
CS5 - FL + DW Browser incompatibility
Hello everyone, I have a question about a problem
that's buggin me.
I'm creating a page where I have inserted a flash
header banner + a flash navigation menu. In IE 8.0
it's displayed all aligned properly.
But in FF( have the latest FF version ) there is a
space between the header banner and a space
bellow and between the nav menu and the main
content.
Here's the website so you can see what I'm talking
about: http://webstudiopro.tk/test/main.html
Also you can see on the header that the light blue
shape is displayed with rough edges in IE but in FF
the lines are smooth but I have the problem of the
spaces.
If anyone could please help me I'll appreciate it greatly.
As i mentioned I'm using Flash and Dreamweaver CS5.
Thank you in advanced.
-
The difference in the display by those two browsers isn't any type of incompatibility of any of the programs mentioned, it's just that different browsers render things differently.
FF renders things a little differently than IE. FF adds a little space below to handle desending parts of letters.
So add this style into each of the <object>
Code:
style="display:block"
like this..
.......width="780" height="219" style="display:block" >
That will clear up the space.
Also, you have both .swf in the same <tr>. You might want to use a row for each <object>.
Or get rid of the tables entirely and use <div>s instead.
And to avoid other potential cross browser issues, add a DOC TYPE declaration:
http://www.w3schools.com/tags/tag_doctype.asp
validate your page code hear:
http://validator.w3.org/
Best wishes,
Video Man
-
Originally Posted by Video Man
The difference in the display by those two browsers isn't any type of incompatibility of any of the programs mentioned, it's just that different browsers render things differently.
FF renders things a little differently than IE. FF adds a little space below to handle desending parts of letters.
So add this style into each of the <object>
Code:
style="display:block"
like this..
.......width="780" height="219" style="display:block" >
That will clear up the space.
Also, you have both .swf in the same <tr>. You might want to use a row for each <object>.
Or get rid of the tables entirely and use <div>s instead.
And to avoid other potential cross browser issues, add a DOC TYPE declaration:
http://www.w3schools.com/tags/tag_doctype.asp
validate your page code hear:
http://validator.w3.org/
Best wishes,
Video Man
Thanks a lot brother, it works like a charm. Thanks for the links too, I will follow your suggestions.
Thank you
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|