No replies
dsignbydaniel
Offline
newbie
Tampa,FL
Last seen: 11 years 33 weeks ago
Tampa,FL
Timezone: GMT-4
Joined: 2009-01-07
Posts: 4
Points: 0

I'm brand new to CSS site design. :shrug: :curse:
This website that I'm creating for one of my first clients, layout is showing out of whack in IE6.
The site show well in Safari 3 and FireFox 3 but the header is pushing to the right on most of IE browsers
and pushing the main content down on certain pages
.
I am very open to feed back so please let me know what I can do to correct this problem.
Please give feedback on my code in general, I feel that it's overloaded.
I will also like feedback on the design itself.

esabaseball.com

   1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2. <html xmlns="http://www.w3.org/1999/xhtml">
   3. <head>
   4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5. <title>Elite Sport Agency</title>
   6. <link href="test2.css" rel="stylesheet" type="text/css" /><!--[if IE]>
   7. <style type="text/css">
   8. /* place css fixes for all versions of IE in this conditional comment */
   9. .twoColElsRtHdr #sidebar1 { padding-top: 30px; }
  10. .twoColElsRtHdr #mainContent { zoom: 1; padding-top: 15px; }
  11. /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
  12. </style>
  13. <![endif]-->
  14. <style type="text/css">
  15. <!--
  16. @import url("ESA site.css");
  17. body {
  18. background: #000 url(esa_bg-1.jpg);
  19. background-image: url(site%20images/Backgrounds/esa_bg-1.jpg);
  20. background-repeat: repeat-x;
  21. }
  22. body,td,th {
  23. color: #FFF;
  24. }
  25. -->
  26. </style>
  27. <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
  28. <script type="text/javascript">
  29. <!--
  30. function MM_preloadImages() { //v3.0
  31. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  32. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  33. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  34. }
  35.
  36. function MM_findObj(n, d) { //v4.01
  37. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  38. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  39. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  40. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  41. if(!x && d.getElementById) x=d.getElementById(n); return x;
  42. }
  43.
  44. function MM_nbGroup(event, grpName) { //v6.0
  45. var i,img,nbArr,args=MM_nbGroup.arguments;
  46. if (event == "init" && args.length > 2) {
  47. if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
  48. img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
  49. if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
  50. nbArr[nbArr.length] = img;
  51. for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  52. if (!img.MM_up) img.MM_up = img.src;
  53. img.src = img.MM_dn = args[i+1];
  54. nbArr[nbArr.length] = img;
  55. } }
  56. } else if (event == "over") {
  57. document.MM_nbOver = nbArr = new Array();
  58. for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
  59. if (!img.MM_up) img.MM_up = img.src;
  60. img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
  61. nbArr[nbArr.length] = img;
  62. }
  63. } else if (event == "out" ) {
  64. for (i=0; i < document.MM_nbOver.length; i++) {
  65. img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  66. } else if (event == "down") {
  67. nbArr = document[grpName];
  68. if (nbArr)
  69. for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
  70. document[grpName] = nbArr = new Array();
  71. for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  72. if (!img.MM_up) img.MM_up = img.src;
  73. img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
  74. nbArr[nbArr.length] = img;
  75. } }
  76. }
  77. //-->
  78. </script>
  79. </head>
  80.
  81. <body class="twoColElsRtHdr" onload="MM_preloadImages('site images/rollover/MEET-THE-ESA-TEAM.jpg','site images/ESA-MISSION.jpg','site images/rollover/ESA-MISSION.jpg','site images/rollover/ESA-SERVICES.jpg','site images/rollover/ESA-CLIENTS.jpg','site images/rollover/F-&amp;-Q.jpg','site images/rollover/MLB-DRAFT.jpg','site images/rollover/WHY-ESA.jpg','site images/rollover/CONTACT-ESA.jpg')">
  82.
  83. <div id="container">
  84. <div id="header"> <img src="site images/top-of-site.jpg" width="826" height="22" align="left" /><img src="site images/Elite-Sports-Agency-banner.jpg" width="826" height="118" align="left" /><img src="site images/Left-of-Nav-Bar.jpg" width="80" height="34" /><a href="test_index.html" target="_top" onclick="MM_nbGroup('down','group1','ESA Mission','site images/rollover/ESA-MISSION.jpg',1)" onmouseover="MM_nbGroup('over','ESA Mission','site images/rollover/ESA-MISSION.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/rollover/ESA-MISSION.jpg" alt="Elite Sport Agency mission statement" name="ESA Mission" width="87" height="34" border="0" id="ESA Mission" onload="MM_nbGroup('init','group1','ESA Mission','site images/ESA-MISSION.jpg',1)" /></a><img src="site images/Nav-divider-2.jpg" width="10" height="32" /><a href="Services.html" target="_top" onclick="MM_nbGroup('down','group1','ESA service link','site images/rollover/ESA-SERVICES.jpg',1)" onmouseover="MM_nbGroup('over','ESA service link','site images/rollover/ESA-SERVICES.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/ESA-SERVICES.jpg" alt="ESA Services" name="ESA service link" width="70" height="34" border="0" id="Why ESA" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="Meet the team.html" target="_top" onclick="MM_nbGroup('down','group1','Meet the team','site images/rollover/MEET-THE-ESA-TEAM.jpg',1)" onmouseover="MM_nbGroup('over','Meet the team','site images/rollover/MEET-THE-ESA-TEAM.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/MEET-THE-ESA-TEAM.jpg" alt="Meet the team" name="Meet the team" width="94" height="34" border="0" id="FAQ of ESA" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="Clients Page.html" target="_top" onclick="MM_nbGroup('down','group1','ESA Clients','site images/rollover/ESA-CLIENTS.jpg',1)" onmouseover="MM_nbGroup('over','ESA Clients','site images/rollover/ESA-CLIENTS.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/ESA-CLIENTS.jpg" alt="ESA Clients" name="ESA Clients" width="87" height="34" border="0" id="Contact ESA" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="FandQ.html" target="_top" onclick="MM_nbGroup('down','group1','F&amp;Q','site images/rollover/F-&amp;-Q.jpg',1)" onmouseover="MM_nbGroup('over','F&amp;Q','site images/rollover/F-&amp;-Q.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/F-&amp;-Q.jpg" alt="Frequent Asked Questions" name="F&amp;Q" width="48" height="34" border="0" id="ESA services" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="MLB draft.html" target="_top" onclick="MM_nbGroup('down','group1','MLB draft2','site images/rollover/MLB-DRAFT.jpg',1)" onmouseover="MM_nbGroup('over','MLB draft2','site images/rollover/MLB-DRAFT.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/MLB-DRAFT.jpg" alt="MLB draft" name="MLB draft2" width="87" height="34" border="0" id="Meet the Team" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="Why ESA.html" target="_top" onclick="MM_nbGroup('down','group1','Why ESA','site images/rollover/WHY-ESA.jpg',1)" onmouseover="MM_nbGroup('over','Why ESA','site images/rollover/WHY-ESA.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/WHY-ESA.jpg" alt="Why ESA" name="Why ESA" width="77" height="34" border="0" id="Our Client" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="10" height="34" /><a href="Contact us.html" target="_top" onclick="MM_nbGroup('down','group1','Contact ESA','site images/rollover/CONTACT-ESA.jpg',1)" onmouseover="MM_nbGroup('over','Contact ESA','site images/rollover/CONTACT-ESA.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="site images/CONTACT-ESA.jpg" alt="Contact ESA" name="Contact ESA" width="87" height="34" border="0" id="MLB draft" /></a><img src="site images/Nav-divider-2.jpg" alt="" width="21" height="32" /></div>
  85. <!-- end #header -->
  86. <div id="sidebar1">
  87. <p>
  88. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="222" height="211" id="FLVPlayer">
  89. <param name="movie" value="FLVPlayer_Progressive.swf" />
  90. <param name="quality" value="high" />
  91. <param name="wmode" value="opaque" />
  92. <param name="scale" value="noscale" />
  93. <param name="salign" value="lt" />
  94. <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Halo_Skin_1&amp;streamName=Video/FLV/ESAmovie&amp;autoPlay=false&amp;autoRewind=false" />
  95. <param name="swfversion" value="8,0,0,0" />
  96. <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  97. <param name="expressinstall" value="Scripts/expressInstall.swf" />
  98. <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  99. <!--[if !IE]>-->
 100. <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="222" height="211">
 101. <!--<![endif]-->
 102. <param name="quality" value="high" />
 103. <param name="wmode" value="opaque" />
 104. <param name="scale" value="noscale" />
 105. <param name="salign" value="lt" />
 106. <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Halo_Skin_1&amp;streamName=Video/FLV/ESAmovie&amp;autoPlay=false&amp;autoRewind=false" />
 107. <param name="swfversion" value="8,0,0,0" />
 108. <param name="expressinstall" value="Scripts/expressInstall.swf" />
 109. <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
 110. <div>
 111. <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
 112. <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
 113. </div>
 114. <!--[if !IE]>-->
 115. </object>
 116. <!--<![endif]-->
 117. </object>
 118. </p>
 119. <blockquote>
 120. <p>We will accomplish our mission by living by our core values. </p>
 121. </blockquote>
 122. <ul>
 123. <li>We believe <span class="highlights">Honesty</span> is being true to oneself and witout providing false hopes or by making false promies.</li>
 124. <li>We believe <span class="highlights">Intergrity</span> is fulfilling your promise and commitments full -heartedly.</li>
 125. <li>We believe<span class="highlights"> Ethics</span> is about doing the right thing.</li>
 126. <li>We believe <span class="highlights">Faithfulness</span> is standing by our clients even when things appear uncertain.</li>
 127. <li>We believe <span class="highlights">Success</span> can be reached not by monetary but by personal fullfillment.</li>
 128. </ul>
 129. </div>
 130. <div class="highlights" id="mainContent">
 131. <p class="headlines">Our Mission</p>
 132. <p class="content">Our mission at Elite Sports Agency is to be the best and the most innovative full service Sports Management Company in the world. We providethe highest
 133. quality of professional representation with integrity, honesty, and faithfulness. We base our success on fainess and ethical decisions. In so doing, we recognize that our core values are to serve our clients efficiently and effectively. We strive to become the agency of the futurewhere players and thier familis can trust their agents. We will make every effort to exceed the expectations of our clients in all aspects of thierproffesional careers.</p>
 134. <p class="content">&nbsp;</p>
 135. <h3 class="headlines">ESA Promise</h3>
 136. <ul>
 137. <li>Serve as advisor, mentor, friend and confidante</li>
 138. <li width="798" height="17">Provide 24/7/365 service with unrestricted accessibility</li>
 139. <li>Indivual attention</li>
 140. <li>The best of the best Marketing services</li>
 141. <li>Improve your overall image to maximize your full potential</li>
 142. <li>Carry out constant research of the Collective Bargaining Agreement to ensure you are protected</li>
 143. <li>Constant and continous contact with MLB Teams</li>
 144. <li>Prepare you with top trainers in Florida and California</li>
 145. <li>Constant research of team needs and salar cap situation throughout your minor or major league career</li>
 146. <li>Negotiate the best possible contract and the best signing bonouse</li>
 147. <li>Assist you in other areas of need: investiments, <a href="Clients Page.html">budges</a>, estate planning<br />
 148. <br />
 149. <br />
 150. </li>
 151. </ul>
 152. <p>
 153. <!-- end #mainContent -->
 154. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="794" height="81" align="absmiddle" id="FlashID" title="Web banner">
 155. <param name="movie" value="Video/ESA Front banner.swf" />
 156. <param name="quality" value="high" />
 157. <param name="wmode" value="opaque" />
 158. <param name="swfversion" value="6.0.65.0" />
 159. <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
 160. <param name="expressinstall" value="Scripts/expressInstall.swf" />
 161. <param name="BGCOLOR" value="#000000" />
 162. <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
 163. <!--[if !IE]>-->
 164. <object data="Video/ESA Front banner.swf" type="application/x-shockwave-flash" width="794" height="81" align="absmiddle">
 165. <!--<![endif]-->
 166. <param name="quality" value="high" />
 167. <param name="wmode" value="opaque" />
 168. <param name="swfversion" value="6.0.65.0" />
 169. <param name="expressinstall" value="Scripts/expressInstall.swf" />
 170. <param name="BGCOLOR" value="#000000" />
 171. <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
 172. <div>
 173. <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
 174. <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
 175. </div>
 176. <!--[if !IE]>-->
 177. </object>
 178. <!--<![endif]-->
 179. </object>
 180. </p>
 181. <p><br class="clearfloat" />
 182. </p>
 183. </div>
 184. <div id="footer">
 185. <hr />
 186. <div id="footer2">
 187. <p class="footer_copyright">Copyright &copy; 2009 Elite Sport Agency <span class="footer_hightlight">All rights reserved.</span></p>
 188. <p class="footer_copyright">Site created: <span class="footer_hightlight">Dsigns by Daniel</span></p>
 189. <p>&nbsp;</p>
 190. </div>
 191. </div></div>
 192. <script type="text/javascript">
 193. <!--
 194. swfobject.registerObject("FlashID");
 195. swfobject.registerObject("FLVPlayer");
 196. //-->
 197. </script>
 198. </body>
 199. </html>