469,926 Members | 1,694 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,926 developers. It's quick & easy.

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 3160
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

Post your reply

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

Similar topics

2 posts views Thread by Norman Bird | last post: by
reply views Thread by DDK | last post: by
1 post views Thread by daokfella | last post: by
3 posts views Thread by Rafael tejera | last post: by
1 post views Thread by David Buckley | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.