473,418 Members | 2,067 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > html / css > questions > flash movie(banner) center problem between browsers [video proof]

Join Bytes to post your question to a community of 473,418 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 3565
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
flash banner not showing in Netscape browsers(7.x)
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...
PHP
0
Adrotator and flash banner?
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...
ASP.NET
1
Software to convert AVI/MPEG to Flash Video File
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...
ASP.NET
3
Flash video and asp.net
by: Rafael tejera | last post by:
Somebody knows a component to play and control flash video inside asp.net Rafael
ASP.NET
0
How to update my flash banner to reflect no. of items in my shopping cart
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...
Flash / Actionscript
5
I can play a SWF video but not a Flash Video - why?
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,...
Visual Basic .NET
1
req converting video to flash video examples
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
ASP.NET
0
BarryA
Navigating the Data Structures and Algorithms (DSA)
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
Algorithms / Advanced Math
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General
0
How to build RAID in BIOS?
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
Computer Hardware
0
marktang
What is ONU?
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
General
0
Changing the language in Windows 10
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
Windows Server
0
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
C / C++
0
jinu1996
Maximizing Business Potential: The Nexus of Website Design and Digital Marketing
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
Online Marketing
0
tracyyun
Discussion: How does Zigbee compare with other wireless protocols in smart home applications?
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
General
0
Couldn’t get equations in html when convert word .docx file to html file in C#.
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
C# / C Sharp

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.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!