By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,676 Members | 1,773 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,676 IT Pros & Developers. It's quick & easy.

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

P: 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
Share this Question
Share on Google+
24 Replies


eWish
Expert 100+
P: 971
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

P: 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

P: 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

P: 54
bump, It's really bugging me :(
Mar 7 '08 #5

P: 54
Sorry for all the bumps but, bump...
I need somethin' T__T
Mar 8 '08 #6

P: 54
Nobody? :( I thought it was going to be a simple fix =\
Mar 8 '08 #7

P: 54
Please don't take the bumping personally.
Mar 8 '08 #8

drhowarddrfine
Expert 5K+
P: 7,435
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
Expert 5K+
P: 7,435
I don't have your flash file but the div is centered in Firefox.
Mar 8 '08 #10

P: 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
Expert 5K+
P: 7,435
No but did you make the corrections? The div is centered.
Mar 8 '08 #12

P: 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

P: 54
Omg, It's even worse in IE
http://screencast.com/t/UEqttPvFwIR
Mar 8 '08 #14

P: 54
It must be hard for you guys to debug this kind of stuff.
Mar 9 '08 #15

drhowarddrfine
Expert 5K+
P: 7,435
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

P: 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

P: 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
Expert 5K+
P: 7,435
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

P: 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

P: 54
ahk, oh well. :( You guys tried.
Mar 11 '08 #21

P: 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

P: 54
Bump. Any updates? anyone?
Mar 12 '08 #23

P: 54
You're probably avoiding me on purpose.
Mar 13 '08 #24

P: 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.