472,354 Members | 1,437 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,354 software developers and data experts.

Flash movie(banner) center problem between browsers [Video Proof]

54
I'm trying to center this banner, it's in a div that has the same width so it's not exactly "centering" but it's screwed up, It works in safari but in Firefox it's messed up. I uploaded a Video to show what I'm talking about.

http://screencast.com/t/i5SLg3cAczH
(*WARNING, TAKES A WHILE TO LOAD*)

*HTML*
Expand|Select|Wrap|Line Numbers
  1.  
  2. <html>
  3. <head>
  4. <title>James Mann - Portfolio</title>
  5. <link rel="stylesheet" href="styles.css" type="text/css">
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><style type="text/css">
  8. <!--
  9. body {
  10.     background-color: #9cad32;
  11. }
  12. -->
  13. </style></head>
  14.  
  15. <body>
  16. <div id="topbar">
  17.     <div id="buttonconatiner">
  18.       <div id="buttons">
  19.  
  20.         <ul>
  21.           <li class="selected"><a href="http://pdhtdev.johnabbott.qc.ca/students/2010/james_mann/portfolio/index.htm">Home</a></li>
  22.             <li><a href="#">Media</a></li>
  23.             <li><a href="websites.htm">Websites</a></li>
  24.             <li><a href="#">Projects</a></li>
  25.             <li><a href="#">About Me</a></li>
  26.           </ul>
  27.         </div>
  28.     </div>
  29. </div>
  30.  
  31. <div id="wrapper">
  32. <div id="container">
  33. <div id="banner">
  34. <a href="#"></a>
  35. </div>
  36.  
  37.  
  38. <div id="flashtop">
  39. <script type="text/javascript" src="flashobject.js"></script>
  40.               <div id="flashban" style="width: 700px; height: 150px"></div>
  41.  
  42.       <script type="text/javascript" language="javascript">
  43.                 var fo = new FlashObject("flashbanner2.swf", "flashban", "700", "150", "7", "#000000, true");
  44.                 fo.addParam("allowScriptAccess", "sameDomain");
  45.                 fo.addParam("quality", "high");
  46.                 fo.addParam("scale", "noscale");
  47.                 fo.addParam("loop", "false");
  48.                 fo.addParam("wmode", "transparent");
  49.                 fo.write("flashban");
  50.               </script>
  51.     </div>
  52.  
  53.  
  54. <div id="content">
  55. <h1>Updates!</h1>
  56. <p class="bigz"> Biography will be moved to the "About Me" page soon - "Websites" page up and with content - "Artwork" to be changed to "Media" because I will be posting my Music and Digital Artwork but currently Artwork/Projects/About Me are non-existent. Please email me any suggestion, email link at the bottom of the page.</p>
  57.  
  58. <h2>Biography</h2>
  59.  
  60.  
  61. <p class="bigz"> blah.</p>
  62.  
  63.  <p class="bigz">blah</p>
  64.  
  65.  <p class="bigz">blah</p>
  66.  
  67.  <p class="bigz"> blah. </p>
  68.  
  69. </div>
  70. </div>
  71.  
  72. <div id="footer">
  73. &copy; <a href="mailto:jwm@videotron.ca">James Mann</a>, 2008, Montreal
  74. </div>
  75. </div>
  76.  
  77. </div>
  78.  
  79. </body>
  80. </html>
  81.  
*CSS*
Expand|Select|Wrap|Line Numbers
  1. html,body {
  2.     margin:0;
  3.     padding:0;
  4. }
  5.  
  6. a:visited {
  7.     color:#CC9900;
  8.     text-decoration:none;
  9. }
  10.  
  11. a:hover {
  12.     text-decoration:underline;
  13. }
  14.  
  15. a {
  16.     color:#CC9900;
  17.     text-decoration:none;
  18. }
  19.  
  20. p {
  21.     line-height:17px;
  22.     padding-left:10px;
  23.     padding-right: 10px;
  24. }
  25.  
  26. .bigz:first-letter {
  27.     font-size:150%;
  28.     line-height:0.8;
  29. }
  30.  
  31. #container {
  32.     width: 700px;
  33.     font-family: serif;
  34.     font-size:14px;
  35.     color: #222222;
  36.     margin:0 auto;
  37.     border-left:solid 1px #333333;
  38.     border-right:solid 1px #333333;
  39.     overflow:hidden;
  40.  
  41. }
  42.  
  43. #wrapper {
  44.     width:750px;
  45.     margin:0 auto;
  46.     background-image: url(images/repeat-y-back.gif);
  47.     background-repeat:repeat-y;
  48.     overflow:hidden;
  49. }
  50.  
  51. body {
  52.     text-align: center;
  53. }
  54.  
  55. #banner {
  56.     width: 700px;
  57.     height: 150px;
  58.     text-align:center;
  59.     background-image: url(images/JamesBanner.gif);
  60. }
  61.  
  62. h1 {
  63.     color:#ffffff;
  64.     display: block;
  65.     width: 700px;
  66.     padding-left:0px;
  67.     padding-right:0px;
  68.     padding-bottom:3px;
  69.     padding-top:3px;
  70.     margin-top:0px;
  71.     margin-bottom:5px;
  72.     border-top: solid 1px black;
  73.     border-bottom: solid 1px black;
  74.     background-color: #666666;
  75.     background-image: url(images/heading.gif);
  76.     font-size:16px;
  77.     text-align:center;
  78.     font-family: Verdana;
  79.     font-style:italic;
  80.     height:19px
  81. }
  82.  
  83. h2 {
  84.     color:#ffffff;
  85.     display: block;
  86.     width: 700px;
  87.     padding-left:0px;
  88.     padding-right:0px;
  89.     padding-bottom:3px;
  90.     padding-top:3px;
  91.     margin-top:35px;
  92.     margin-bottom:5px;
  93.     border-top: solid 1px black;
  94.     border-bottom: solid 1px black;
  95.     background-color: #666666;
  96.     background-image: url(images/heading.gif);
  97.     font-size:16px;
  98.     text-align:center;
  99.     font-family: Verdana;
  100.     font-style:italic;
  101.     height:19px
  102. }
  103.  
  104. #content {
  105.     width: 700px;
  106.     text-align:left;
  107.     overflow:hidden;
  108. }
  109.  
  110. #content1 {
  111.     padding-left:10px;
  112.     padding-right: 10px;
  113.     width: 680px;
  114.     text-align:left;
  115.     overflow:hidden;
  116. }
  117.  
  118. #footer {
  119.     margin:0 auto;
  120.     margin-top:0px;
  121.     width:750px;
  122.     height:50px;
  123.     background-image: url(images/footer.gif);
  124.     color: #CC9900;
  125.     font-style:italic;
  126.     font-size:12px;
  127.     font-family: Arial;
  128.     font-variant:small-caps;
  129.     margin-top:10px;
  130.     float:inherit;
  131. }
  132.  
  133. /*NAVIGATION*/
  134.  
  135. #topbar {
  136.     width:100%;
  137.     height:30px;
  138.     font-family:Verdana;
  139.     font-variant:small-caps;
  140.     text-decoration:underline;
  141.     font-style:italic;
  142.     background-color:#353535;
  143.     background-image: url(images/button3.gif);
  144.     overflow:hidden;
  145. }
  146.  
  147. #buttonconatiner {
  148.     width:700px;
  149.     height:30px;
  150.     margin:0 auto;
  151.     overflow:hidden;
  152. }
  153.  
  154. #buttons {
  155.     margin:0 auto;
  156.     height:30px;
  157.     width:700px;
  158.     text-align:center;
  159.     overflow::hidden;
  160. }
  161.  
  162. #buttons ul {
  163.     height:30px;
  164.     float:none;
  165.     clear:both;
  166.     padding:0px;
  167.     margin-top:0px;
  168.     margin-bottom:0px;
  169.     margin-left:0px;
  170.     margin-right:0px;
  171.     overflow:hidden;
  172. }
  173.  
  174. #buttons li {
  175.     padding-top:3px;
  176.     padding-bottom:0px;
  177.     padding-left:0px;
  178.     padding-right:0px;
  179.     height:30px;
  180.     width:140px;
  181.     text-align:center;
  182.     list-style-type: none;
  183.     float:left;
  184.     display:block;
  185.     overflow:hidden;
  186. }
  187.  
  188. .selected, .selected a {
  189.     color:#e1a902;
  190.     overflow:hidden;
  191.     background-repeat:repeat-x;
  192.     }
  193.  
  194. #buttons li:hover {
  195.     background-color:#CC9900;
  196.     background-image: url(images/button3sel.gif);
  197.     height:30px;
  198.     width:140px;
  199.     text-decoration:underline;
  200.     overflow:hidden;
  201. }
  202.  
  203. ul a,a:visited,a:focus {
  204.     color:#ffffff;
  205.     text-decoration:none;
  206. }
  207.  
  208.  
  209.  
  210. li {
  211.     text-decoration:none;
  212. }
  213.  
  214. /*FLASH BANNER*/    
  215. #flashtop {
  216.     position:absolute;
  217.     width: 700px;
  218.     height:150px;
  219.     top:30px;
  220.     text-align:center;
  221.     margin:0 auto;
  222.     z-index:99;
  223. }
  224.  
  225. #flashban {
  226.     position: absolute;
  227.     width: 700px;
  228.     height:150px;
  229.     top:0px;
  230.     text-align:center;
  231.     margin:0 auto;
  232.     z-index:99px;
  233. }
  234.  
  235. /* THUMBNAIL PREVIEWZZZ!*/
  236.  
  237. ul.gallery{
  238.     list-style-type: none;
  239.     margin-bottom: 20px;
  240. }
  241.  
  242. ul.gallery li{
  243.     width: 216px;
  244.     margin: 5px;
  245.     border: 1px solid #CCCCCC;
  246.     background-color: #FFFFFF=;
  247.     text-align: center;
  248. }
  249.  
  250. ul.gallery li a, .comingsoon{
  251.     border: 3px solid #FFFFFF;
  252.     text-decoration: none;
  253.     display:block;
  254.     height: 170px;
  255.     width: 210px;
  256. }
  257.  
  258. .comingsoon{padding-top:3px;}
  259.  
  260. ul.gallery li a:hover{
  261.     border-top-color: #CCCCCC;
  262.     border-right-color: #CCCCCC;
  263.     border-bottom-color: #CCCCCC;
  264.     border-left-color: #CCCCCC;
  265.     background-color: #CCCCCC;
  266.  
  267. }
  268.  
  269.  ul.gallery span{
  270.     color: #666666;
  271.     background-color: #FFFFFF;
  272.     float: left;
  273.     width: 204px;
  274.     text-align: center;
  275.     padding: 3px;
  276.     font-size: 10px;
  277.     margin-top: 3px;
  278. }
  279.  
  280.  ul.gallery a:hover span{
  281.     background-color: #CCCCCC;
  282. }
  283.  
  284.  
Mar 7 '08 #1
24 3362
eWish
971 Expert 512MB
I would suggest that you fix your errors in your CSS and add the proper DTD to your HTML then go from there.

--Kevin
Mar 7 '08 #2
GloStix
54
Fair enough, I don't know what DTD is though.
I typed this stuff by hand I just use Dreamweaver to view it quickly
Mar 7 '08 #3
GloStix
54
*FIXED HTML*


Expand|Select|Wrap|Line Numbers
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <title>James Mann - Portfolio</title>
  9. <link rel="stylesheet" href="styles.css" type="text/css">
  10. <meta http-equiv="content-type" 
  11.         content="text/html;charset=utf-8" />
  12.     <meta http-equiv="Content-Style-Type" content="text/css" />
  13. <style type="text/css">
  14. <!--
  15. body {
  16.     background-color: #9cad32;
  17. }
  18. -->
  19. </style></head>
  20.  
  21. <body>
  22. <div id="topbar">
  23.     <div id="buttonconatiner">
  24.       <div id="buttons">
  25.  
  26.         <ul>
  27.           <li class="selected"><a href="http://pdhtdev.johnabbott.qc.ca/students/2010/james_mann/portfolio/index.htm">Home</a></li>
  28.             <li><a href="#">Media</a></li>
  29.             <li><a href="websites.htm">Websites</a></li>
  30.             <li><a href="#">Projects</a></li>
  31.             <li><a href="#">About Me</a></li>
  32.           </ul>
  33.         </div>
  34.     </div>
  35. </div>
  36.  
  37. <div id="wrapper">
  38. <div id="container">
  39. <div id="banner">
  40. <a href="#"></a>
  41. </div>
  42.  
  43.  
  44. <div id="flashtop">
  45. <script type="text/javascript" src="flashobject.js"></script>
  46.               <div id="flashban" style="width: 700px; height: 150px"></div>
  47.  
  48.       <script type="text/javascript" language="javascript">
  49.                 var fo = new FlashObject("flashbanner2.swf", "flashban", "700", "150", "7", "#000000, true");
  50.                 fo.addParam("allowScriptAccess", "sameDomain");
  51.                 fo.addParam("quality", "high");
  52.                 fo.addParam("scale", "noscale");
  53.                 fo.addParam("loop", "false");
  54.                 fo.addParam("wmode", "transparent");
  55.                 fo.write("flashban");
  56.               </script>
  57.  
  58.     </div>
  59.  
  60.  
  61. <div id="content">
  62. <h1>Updates!</h1>
  63. <p class="bigz"> Biography will be moved to the "About Me" page soon - "Websites" page up and with content - "Artwork" to be changed to "Media" because I will be posting my Music and Digital Artwork but currently Artwork/Projects/About Me are non-existent. Please email me any suggestion, email link at the bottom of the page.</p>
  64.  
  65. <h2>Biography</h2>
  66.  
  67.  
  68. <p class="bigz"> I first started doing this type of stuff when I was about 14 years old. At that time I always heard about how powerful Photoshop was and how websites were getting better and better and it really interested me. I started learning basic html using free online resources until I could build basic sites. I used to make little flash videos back then so I made a site where I would show them(even if they were bad).</p>
  69.  
  70.  <p class="bigz">My friend who was also interested in this type of stuff told me about CSS and how it made making a site 200 times more easier(well, organized). We both started learning CSS at that point and I even made a little css webpage at 15. I didn't FULLY understand CSS but I knew how it was structered so I managed with online resources on hand. </p>
  71.  
  72.  <p class="bigz">Around the same time, I looked into Photoshop because it interested me; everyone was saying it was really powerful so I wanted to be able to use it. I went to tons and tons of forums learning photoshop techniques via online tutorials people made. The forums helped me because I offered to make signatures for people (picture shown below every forum post) and I would improve myself each one I made. I had a LOT of bad ones but eventually I got the hang of Photoshop because it was sort of a competition in the community and everytime we posted a signature we were critiqued and evaluted to improve the next time. Now I have a whole collection of good signatures I made for people.</p>
  73.  
  74.  <p class="bigz"> I also learned a program called FL Studio 7 which is a music making program which allows you to create music from scratch. I made tons of songs and everytime I got better and better and eventually I hit a point where the software wasn't powerful enough to create what I wanted(CPU Cycle hog). I moved to Reason(another music program) which is in my opinion more powerful so hopefully it will turn out better. My goal now is to make a site that will incorporate Flash movies, Photoshop tutorials/show off, Music show off website that everyone can post their own creations and people willl be able to comment on them. Anyway, that's me. </p>
  75.  
  76. </div>
  77. </div>
  78.  
  79. <div id="footer">
  80. &copy; <a href="mailto:jwm@videotron.ca">James Mann</a>, 2008, Montreal
  81. </div>
  82. </div>
  83.  
  84. </div>
  85.  
  86. </body>
  87. </html>
  88.  

*FIXED CSS*
Expand|Select|Wrap|Line Numbers
  1.  html,body {
  2.     margin:0;
  3.     padding:0;
  4. }
  5.  
  6. a:visited {
  7.     color:#CC9900;
  8.     text-decoration:none;
  9. }
  10.  
  11. a:hover {
  12.     text-decoration:underline;
  13. }
  14.  
  15. a {
  16.     color:#CC9900;
  17.     text-decoration:none;
  18. }
  19.  
  20. p {
  21.     line-height:17px;
  22.     padding-left:10px;
  23.     padding-right: 10px;
  24. }
  25.  
  26. .bigz:first-letter {
  27.     font-size:150%;
  28.     line-height:0.8;
  29. }
  30.  
  31. #container {
  32.     width: 700px;
  33.     font-family: serif;
  34.     font-size:14px;
  35.     color: #222222;
  36.     margin:0 auto;
  37.     border-left:solid 1px #333333;
  38.     border-right:solid 1px #333333;
  39.     overflow:hidden;
  40.  
  41. }
  42.  
  43. #wrapper {
  44.     width:750px;
  45.     margin:0 auto;
  46.     background-image: url(images/repeat-y-back.gif);
  47.     background-repeat:repeat-y;
  48.     overflow:hidden;
  49. }
  50.  
  51. body {
  52.     text-align: center;
  53. }
  54.  
  55. #banner {
  56.     width: 700px;
  57.     height: 150px;
  58.     text-align:center;
  59.     background-image: url(images/JamesBanner.gif);
  60. }
  61.  
  62. h1 {
  63.     color:#ffffff;
  64.     display: block;
  65.     width: 700px;
  66.     padding-left:0px;
  67.     padding-right:0px;
  68.     padding-bottom:3px;
  69.     padding-top:3px;
  70.     margin-top:0px;
  71.     margin-bottom:5px;
  72.     border-top: solid 1px black;
  73.     border-bottom: solid 1px black;
  74.     background-color: #666666;
  75.     background-image: url(images/heading.gif);
  76.     font-size:16px;
  77.     text-align:center;
  78.     font-family: Verdana;
  79.     font-style:italic;
  80.     height:19px
  81. }
  82.  
  83. h2 {
  84.     color:#ffffff;
  85.     display: block;
  86.     width: 700px;
  87.     padding-left:0px;
  88.     padding-right:0px;
  89.     padding-bottom:3px;
  90.     padding-top:3px;
  91.     margin-top:35px;
  92.     margin-bottom:5px;
  93.     border-top: solid 1px black;
  94.     border-bottom: solid 1px black;
  95.     background-color: #666666;
  96.     background-image: url(images/heading.gif);
  97.     font-size:16px;
  98.     text-align:center;
  99.     font-family: Verdana;
  100.     font-style:italic;
  101.     height:19px
  102. }
  103.  
  104. #content {
  105.     width: 700px;
  106.     text-align:left;
  107.     overflow:hidden;
  108. }
  109.  
  110. #content1 {
  111.     padding-left:10px;
  112.     padding-right: 10px;
  113.     width: 680px;
  114.     text-align:left;
  115.     overflow:hidden;
  116. }
  117.  
  118. #footer {
  119.     margin:0 auto;
  120.     margin-top:0px;
  121.     width:750px;
  122.     height:50px;
  123.     background-image: url(images/footer.gif);
  124.     color: #CC9900;
  125.     font-style:italic;
  126.     font-size:12px;
  127.     font-family: Arial;
  128.     font-variant:small-caps;
  129.     margin-top:10px;
  130.     float:inherit;
  131. }
  132.  
  133. /*NAVIGATION*/
  134.  
  135. #topbar {
  136.     width:100%;
  137.     height:30px;
  138.     font-family:Verdana;
  139.     font-variant:small-caps;
  140.     text-decoration:underline;
  141.     font-style:italic;
  142.     background-color:#353535;
  143.     background-image: url(images/button3.gif);
  144.     overflow:hidden;
  145. }
  146.  
  147. #buttonconatiner {
  148.     width:700px;
  149.     height:30px;
  150.     margin:0 auto;
  151.     overflow:hidden;
  152. }
  153.  
  154. #buttons {
  155.     margin:0 auto;
  156.     height:30px;
  157.     width:700px;
  158.     text-align:center;
  159.     overflow:hidden;
  160. }
  161.  
  162. #buttons ul {
  163.     height:30px;
  164.     float:none;
  165.     clear:both;
  166.     padding:0px;
  167.     margin-top:0px;
  168.     margin-bottom:0px;
  169.     margin-left:0px;
  170.     margin-right:0px;
  171.     overflow:hidden;
  172. }
  173.  
  174. #buttons li {
  175.     padding-top:3px;
  176.     padding-bottom:0px;
  177.     padding-left:0px;
  178.     padding-right:0px;
  179.     height:30px;
  180.     width:140px;
  181.     text-align:center;
  182.     list-style-type: none;
  183.     float:left;
  184.     display:block;
  185.     overflow:hidden;
  186. }
  187.  
  188. .selected, .selected a {
  189.     color:#e1a902;
  190.     overflow:hidden;
  191.     background-repeat:repeat-x;
  192.     }
  193.  
  194. #buttons li:hover {
  195.     background-color:#CC9900;
  196.     background-image: url(images/button3sel.gif);
  197.     height:30px;
  198.     width:140px;
  199.     text-decoration:underline;
  200.     overflow:hidden;
  201. }
  202.  
  203. ul a,a:visited,a:focus {
  204.     color:#ffffff;
  205.     text-decoration:none;
  206. }
  207.  
  208.  
  209.  
  210. li {
  211.     text-decoration:none;
  212. }
  213.  
  214. /*FLASH BANNER*/    
  215. #flashtop {
  216.     position:absolute;
  217.     width: 700px;
  218.     height:150px;
  219.     top:30px;
  220.     text-align:center;
  221.     margin:0 auto;
  222.     z-index:99;
  223. }
  224.  
  225. #flashban {
  226.     position: absolute;
  227.     width: 700px;
  228.     height:150px;
  229.     top:0px;
  230.     text-align:center;
  231.     margin:0 auto;
  232.     z-index:99;
  233. }
  234.  
  235. /* THUMBNAIL PREVIEWZZZ!*/
  236.  
  237. ul.gallery{
  238.     list-style-type: none;
  239.     margin-bottom: 20px;
  240. }
  241.  
  242. ul.gallery li{
  243.     width: 216px;
  244.     margin: 5px;
  245.     border: 1px solid #CCCCCC;
  246.     background-color: #FFFFFF;
  247.     text-align: center;
  248. }
  249.  
  250. ul.gallery li a {
  251.     border: 3px solid #FFFFFF;
  252.     text-decoration: none;
  253.     display:block;
  254.     height: 170px;
  255.     width: 210px;
  256. }
  257.  
  258.  
  259. ul.gallery li a:hover{
  260.     border-top-color: #CCCCCC;
  261.     border-right-color: #CCCCCC;
  262.     border-bottom-color: #CCCCCC;
  263.     border-left-color: #CCCCCC;
  264.     background-color: #CCCCCC;
  265.  
  266. }
  267.  
  268.  ul.gallery span{
  269.     color: #666666;
  270.     background-color: #FFFFFF;
  271.     float: left;
  272.     width: 204px;
  273.     text-align: center;
  274.     padding: 3px;
  275.     font-size: 10px;
  276.     margin-top: 3px;
  277. }
  278.  
  279.  ul.gallery a:hover span{
  280.     background-color: #CCCCCC;
  281. }
  282.  
  283.  
Mar 7 '08 #4
GloStix
54
bump, It's really bugging me :(
Mar 7 '08 #5
GloStix
54
Sorry for all the bumps but, bump...
I need somethin' T__T
Mar 8 '08 #6
GloStix
54
Nobody? :( I thought it was going to be a simple fix =\
Mar 8 '08 #7
GloStix
54
Please don't take the bumping personally.
Mar 8 '08 #8
drhowarddrfine
7,435 Expert 4TB
Aahh, it's Saturday.

Remove the first line. The xml declaration only works in modern browsers. IE chokes on it and goes into quirks. As usualy, IE is the problem here. Not FF or Safari.
Mar 8 '08 #9
drhowarddrfine
7,435 Expert 4TB
I don't have your flash file but the div is centered in Firefox.
Mar 8 '08 #10
GloStix
54
I don't have your flash file but the div is centered in Firefox.
The div is but for some reason the flash file goes out of the div and is displayed like what is shown on my video link.

Do you want the flash file?
Mar 8 '08 #11
drhowarddrfine
7,435 Expert 4TB
No but did you make the corrections? The div is centered.
Mar 8 '08 #12
GloStix
54
No but did you make the corrections? The div is centered.
Should it not be centered?

I should remove lines 220, 221, 230 and 231?

Edit*
I tried it but it didn't change anything :(
Mar 8 '08 #13
GloStix
54
Omg, It's even worse in IE
http://screencast.com/t/UEqttPvFwIR
Mar 8 '08 #14
GloStix
54
It must be hard for you guys to debug this kind of stuff.
Mar 9 '08 #15
drhowarddrfine
7,435 Expert 4TB
The only browser that ever gives me problems is IE.

That link has flash and I'm on my Unix laptop without flash so I can't see what's going on till later. I looked at it before and it was centered in Firefox. The only line you should have removed was the very first line with the <xml..... stuff.
Mar 9 '08 #16
GloStix
54
The only browser that ever gives me problems is IE.

That link has flash and I'm on my Unix laptop without flash so I can't see what's going on till later. I looked at it before and it was centered in Firefox. The only line you should have removed was the very first line with the <xml..... stuff.
Well I removed the <xml line and it still looks the same as it did.

This is weird. >.>
Mar 9 '08 #17
GloStix
54
I guess you'd have to know the speacial differences between firefox and IE and the way render css in order to answer this.
Mar 9 '08 #18
drhowarddrfine
7,435 Expert 4TB
Busy weekend for me. Not much time.

It's not the differences between IE and Firefox. It's the differences between IE and everything else. All browser do a very good job of following web standards. IE is the exception (including, apparently, the new IE8 coming out this year). You should trust what Firefox is showing you as being what you wrote and that it is working correctly. Not always, but most of the time.

Do NOT trust IE if it's different than Firefox/Opera/Safari. In almost all cases, you need to fix IE. So get your page working in FF first. Then hack IE.
Mar 9 '08 #19
GloStix
54
Busy weekend for me. Not much time.

It's not the differences between IE and Firefox. It's the differences between IE and everything else. All browser do a very good job of following web standards. IE is the exception (including, apparently, the new IE8 coming out this year). You should trust what Firefox is showing you as being what you wrote and that it is working correctly. Not always, but most of the time.

Do NOT trust IE if it's different than Firefox/Opera/Safari. In almost all cases, you need to fix IE. So get your page working in FF first. Then hack IE.
Yea I've read that around this forum somewhere.

It doesn't even work in FF though. and I don't know exactly how to "hack" IE as you say. I don't understand why it isn't working in FF, It's in the container and I didn't set a value for left, so it should STAY in the container, yet... It's going outside of it for some reason. I just want the flash on top of the banner so it will load seemlessly as people look at the banner image. Maybe it's a z-index problem? overflow issue? It's bothering me. this part of the project is due tuesday for me so I hope you can help :(
Mar 10 '08 #20
GloStix
54
ahk, oh well. :( You guys tried.
Mar 11 '08 #21
GloStix
54
Argh, I asked my teacher and she told me it was impossible. But it has to be possible if it works in safari...
Mar 11 '08 #22
GloStix
54
Bump. Any updates? anyone?
Mar 12 '08 #23
GloStix
54
You're probably avoiding me on purpose.
Mar 13 '08 #24
GloStix
54
Sigh. Anybody pleaaasseee? T______T
Mar 15 '08 #25

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Norman Bird | last post by:
I just got my site up and low and behold, my flash banner does not show in Netscape, only in IE. It shows on Netscape in my local testing enviornment, this is why I felt all was fine. the site is...
0
by: DDK | last post by:
Does anyone know if the asp.net adrotator control supports flash banners. If so, how does the XML file look with a flash banner in it. I am trying to get a .swf flash file to work with the...
1
by: daokfella | last post by:
Hi all, I want users of my website community to be able to upload video files. I'd like to automatically convert these on the server to flash video. I'd also like to get a screen shot from the...
3
by: Rafael tejera | last post by:
Somebody knows a component to play and control flash video inside asp.net Rafael
0
by: Pratay | last post by:
Hi all, great forum - keep it up. The title of this post pretty much sums it up. I have a flash banner on my website with a button on it which says "view cart (0 items)". I would like this text to...
5
by: mratanudey83 | last post by:
With the help of this forum members and google search i've done the following part Imports AxShockwaveFlashObjects Public Class Form1 Private Sub Form1_Load(ByVal sender As System.Object,...
1
by: David Buckley | last post by:
Does anyone have any example code of converting any type of video to flash video at all using asp.net 2.0 c# web applications. God Bless
2
by: Kemmylinns12 | last post by:
Blockchain technology has emerged as a transformative force in the business world, offering unprecedented opportunities for innovation and efficiency. While initially associated with cryptocurrencies...
0
jalbright99669
by: jalbright99669 | last post by:
Am having a bit of a time with URL Rewrite. I need to incorporate http to https redirect with a reverse proxy. I have the URL Rewrite rules made but the http to https rule only works for...
0
by: Matthew3360 | last post by:
Hi there. I have been struggling to find out how to use a variable as my location in my header redirect function. Here is my code. header("Location:".$urlback); Is this the right layout the...
2
by: Matthew3360 | last post by:
Hi, I have a python app that i want to be able to get variables from a php page on my webserver. My python app is on my computer. How would I make it so the python app could use a http request to get...
0
by: Arjunsri | last post by:
I have a Redshift database that I need to use as an import data source. I have configured the DSN connection using the server, port, database, and credentials and received a successful connection...
0
by: Matthew3360 | last post by:
Hi, I have been trying to connect to a local host using php curl. But I am finding it hard to do this. I am doing the curl get request from my web server and have made sure to enable curl. I get a...
0
Oralloy
by: Oralloy | last post by:
Hello Folks, I am trying to hook up a CPU which I designed using SystemC to I/O pins on an FPGA. My problem (spelled failure) is with the synthesis of my design into a bitstream, not the C++...
0
BLUEPANDA
by: BLUEPANDA | last post by:
At BluePanda Dev, we're passionate about building high-quality software and sharing our knowledge with the community. That's why we've created a SaaS starter kit that's not only easy to use but also...
0
by: Rahul1995seven | last post by:
Introduction: In the realm of programming languages, Python has emerged as a powerhouse. With its simplicity, versatility, and robustness, Python has gained popularity among beginners and experts...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.