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

problems with hyperlinks and ie8

P: 1
Hi

I’m having problems with IE8 when adding internal, external and same page links. Everything works fine in Firefox, Chrome and Safari and even in IE7 (although not perfect). But in IE8 when I try and add a link e.g.

<a href="http://www.acenet.co.uk/Home/57" >For more info on this organisation</a>

the link and what ever contents is below it gets pushed right down the page (but the actual links work fine). I’m able to get it to work as IE7 but I really want to move on from there. Any ideas?

Here is the CSS code

Expand|Select|Wrap|Line Numbers
  1. #ad-1
  2. {
  3. border:1px double black;
  4. position:absolute;
  5. left:0px;
  6. width:160px;
  7. height:600px;
  8. }
  9.  
  10. #bodies-1
  11. {
  12. border:1px double black;
  13. position:absolute;
  14. top:25px;
  15. left:188px;
  16. width:450px;
  17. height:660px;
  18. font: 75% verdana;
  19. line-height:160%;
  20. padding:5px;
  21. background-color:#f2f2f2;
  22. }
  23.  
  24. #orgname-1
  25. {
  26. font: bold 16px verdana, ariel, helvetica ; 
  27. color:#006600;
  28. }
  29.  
  30.  
  31.  
  32. #general-1
  33. {
  34. font: bold 15px ariel, helvetica;
  35. color:#000000;
  36. }
  37.  
  38. #contact-details
  39. {
  40. font: italic 14px verdana, ariel, helvetica;
  41. color:#000000;
  42. }
  43.  
  44. #menu-10
  45. {
  46. font:15px "century gothic";
  47. color:#006600; 
  48. }
  49.  
  50. #services
  51. {
  52. font:15px ariel, verdana;
  53. color:#006600;
  54. }
  55.  
  56. #bodies-2
  57. {
  58. border:1px double black;
  59. position:absolute;
  60. left:663px;
  61. width:326px;
  62. height:337px;
  63. }
  64.  
  65. #ad-2
  66. {border:1px double black;
  67. position:absolute;
  68. left:663px;
  69. top:340px;
  70. width:326px;
  71. height:70px;
  72. }
  73.  
  74. #bodies-3
  75. {
  76. border-style:solid;
  77. border-color:#006600;
  78. position:absolute;
  79. top:455px;
  80. left:663px;
  81. width:312px;
  82. height:475px;
  83. font: 75% verdana;
  84. color:#000000;
  85. line-height:160%;
  86. padding:5px;
  87. display:block;
  88. }
  89.  
  90. #bodies-4
  91. {
  92. position:absolute;
  93. top:0px;
  94. left:188px;
  95. width:462px;
  96. height:26px;
  97. font:bold 90% verdana;
  98. color:#ffffff;
  99. text-align:center;
  100. background-color:#6c0a00;
  101. }
  102.  
  103.  
  104. #bodies-5
  105. {
  106. position:absolute;
  107. top:430px;
  108. left:663px;
  109. width:327px;
  110. height:26px;
  111. font:bold 90% verdana;
  112. color:#ffffff;
  113. text-align:center;
  114. background-color:#6c0a00;
  115. }
  116.  
  117.  
  118. #ad-3
  119. {border:1px double black;
  120. position:absolute;
  121. top:980px;
  122. left:150px;
  123. width:728px;
  124. height:90px;
  125.  
  126. }
  127.  
  128. #copyright-4
  129. {
  130. position:absolute;
  131. top:1523px;
  132. left:25%;
  133. }
  134.  
  135. .area-2
  136. {
  137. border: 1px double black;
  138. width:990px;
  139. height:1070px;
  140. position:relative;
  141. top:205px;
  142. margin-left: auto;
  143. margin-right: auto;
  144. background-color:#ffffff;
  145. }

and here is the html code.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
  4.     <head>
  5.         <meta http-equiv="content-type" content="text/xml; charset=utf-8" />
  6.  
  7.                 <title>Advertising Association</title>
  8.  
  9. <meta name="keywords" content="UK, Professional bodies, institute, society, chartered, occupation, royal, association, professional organisation, career, training, membership, national, British"/>
  10. <meta name="description" content="This page provides a list of over 240 professional bodies in the UK. Whether you're interested in management development or just looking for help in career planning, then this site can help."/>
  11.  
  12.  
  13. <link rel = "stylesheet"
  14.     type = "text/css"
  15.         href = "title.css" />
  16. <link rel = "stylesheet"
  17.      type = "text/css"
  18.         href = "bodies.css" />
  19. <link rel = "stylesheet"
  20.      type = "text/css"
  21.         href = "sectors.css" />
  22. <link rel = "stylesheet"
  23.      type = "text/css"
  24.         href = "footer.css" />
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <body>
  31.  
  32.  
  33. <div class = "navbar-1">
  34.     <p id = "navbar-1font"><a href = "Aboutthissite.html">AboutUs </a> | <a href = "ContactUs.html">ContactUs</a> | <a href = "LegalStuff.html">LegalStuff</a> | <a href = "Sitemap.html">Sitemap</a></p>
  35.         </div>
  36. <div id = "image-1"> <a href = "Index.html">
  37.     <img src = "logo-1.gif"/></a>
  38.         </div>
  39. <div class = "text-1">Associations, Institutions, Societies and other Bodies
  40.         </div>
  41.  
  42. <div class = "navbar-3">
  43.     <div id = "links">
  44.     <a href="ProfessionalOrgs.html">Directory of the Professions | <span> The Professions. What do they do?
  45.         There are many different services that can be provided by these bodies. Many vary in what they offer but jobs & vacancies, careers advice and training & development are just a few.
  46.             </span></a>
  47.     <a href="Blog.html">News/Blog | <span>On Employment, training and FE/HE issues.....
  48.         This blog (?) is centred on the subject areas of employment, training, FE/HE education and career related issues. I cant guarantee a daily posting .........., but if there is something relevant out there, Ill get to it eventually......
  49.             </span></a>
  50.     <a href="SourcesofCareersGuidance.html">Sources of Careers Guidance | <span>Deciding on a job or career? Read on.....
  51.         The need for good careers guidance is essential when deciding which career is for you. Obvious? Probably, but its surprising how little effort some people make. Interested in finding out more? Read on............ 
  52.             </span></a> 
  53.     <a href="Alternativestothe3yeardegree.html">3 Year Degree Alternatives<span>Tuition fees up to &pound9000? Is there an alternative?.......
  54.         The latest news is that tuition fees could rise to &pound9000 per year at some universities. This is even before living costs are taken into account. Are there alternatives? If so what are they?.....Read on.......... 
  55.             </span></a>
  56. </div>
  57. </div>
  58.  
  59. <div class = "satisfying">
  60.     <p id = "navbar-2font">Satisfying Educational Aspirations</p>
  61.         </div>
  62.  
  63. <div class = "search">
  64.     <tr>
  65.     <td height="34" align="center" valign="middle" bgcolor="#FFFFFF"><form action="http://www.directoryoftheprofessions.co.uk/googlesearch.htm" id="cse-search-box">
  66.   <div>
  67.     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  68.  
  69.     <input type="hidden" name="cx" value="partner-pub-9867395218313219:470u5p4ngvg" />
  70.     <input type="hidden" name="cof" value="FORID:9" />
  71.     <input type="hidden" name="ie" value="ISO-8859-1" />
  72.     <input type="text" name="q" size="31" />
  73.     <input type="submit" name="sa" value="Search" />
  74.   </div>
  75. </form>
  76. <script type="text/javascript" src="http://www.google.co.uk/cse/brand?form=cse-search-box&amp;lang=en"></script></td>
  77.               </tr>
  78.             </div>
  79.  
  80. <div class = "navbar-4">
  81.     </div>
  82.  
  83. <div class = "list">
  84.     <p id = "navbar-1font"><a href = "Alphabetical.html" class = "pro">Full Alphabetical List of Organisations</p><a/>
  85.         </div>
  86.  
  87.  
  88.  
  89. <table>
  90. <tr><th>Occupational Sectors</th><th>Occupational Sectors</th><th>Occupational Sectors</th><th>Public Sector</th></tr>
  91. <tr class="alt"><td><a href = "zAdministration.html" class="sec">Administration</a></td><td><a href ="zEngineeringManufacturingEnergy.html" class = "sec">Engineering, Manufacturing and Energy&nbsp;&nbsp;</a></td><td><a href = "zLawEnforcementProtection.html" class = "sec">Law, Enforcement & Protection</a></td><td><a href = "xTeaching.html" class = "sec">Teaching</a></td></tr>
  92. <tr class="alt-1"><td><a href = "zAdvertisingMarketing.html" class = "sec">Advertising & Marketing</a></td><td><a href ="zFinancialServices.html" class = "sec">Financial Services</a></td><td><a href = "zMediaEntertainmentPublishing.html" class = "sec">Media, Entertainment & Publishing</a></td><td><a href = "xArmedForces.html" class = "sec">Armed Forces</a></td></tr>
  93. <tr class="alt"><td><a href = "zBusiness-Services-Support.html" class= "sec">Business Services & Support</a></td><td><a href = "zHeritage.html" class = "sec">Heritage</a></td><td><a href = "zMedicineHealth.html" class = "sec">Medicine & Health</a></td><td><a href = "xCivilService.html" class = "sec">Civil Service</a></td></tr>
  94. <tr class="alt-1"><td><a href = "zCreativeDesign.html" class = "sec">Creative & Design</a></td><td><a href= "zHospitalityLeisureSport.html" class = "sec">Hospitality, Leisure/Sport</a></td><td><a href = "zPropertyBuildingConstruction.html" class = "sec">Property, Building & Construction</a></td><td><a href = "xSocialCare.html" class = "sec">Social Care</a></td></tr>
  95. <tr class="alt"><td><a href = "zCareComplementaryMedicine.html" class = "sec">Care & Complementary Medicine&nbsp;&nbsp;&nbsp;</a></td><td><a href = "zInformationServicesManagement.html" class = "sec">Information & Management</a></td><td><a href = "zScienceScientificServices.html" class = "sec">Science & Scientific Services</a></td><td><a href = "xNHSCareers.html" class = "sec">NHS Careers<a/></td></tr>
  96. <tr class="alt-1"><td><a href = "zDistributionRetailSales.html" class = "sec">Distribution, Retail & Sales</a></td><td><a href = "zIT-ComputingTelecommunications.html" class = "sec">IT Computing & Telecommunications</a></td><td><a href = "zTextilesJewelleryAccessories.html" class = "sec">Textiles, Jewellery & Accessories</a></td><td></td></tr>
  97. <tr class="alt"><td><a href = "zEducationTrainingAdvice.html" class = "sec">Education, Training & Advice<a/></td><td><a href = "zLandAnimalEnvironment.html" class = "sec">Land, Animal & Environment</a></td><td><a href = "zVoluntaryCharityWork.html" class = "sec">Voluntary & Charity Work</a></td><td></td></tr>
  98.  
  99. </table>
  100.  
  101.  
  102. <div class = "area-2">
  103.     <div id = "ad-1">
  104. <script type="text/javascript"><!--
  105. google_ad_client = "pub-9867395218313219";
  106. /* 160x600, created 19/06/11 */
  107. google_ad_slot = "0048926541";
  108. google_ad_width = 160;
  109. google_ad_height = 600;
  110. //-->
  111. </script>
  112. <script type="text/javascript"
  113. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  114. </script>
  115.         </div>
  116.  
  117.  
  118.             <div id = "bodies-4">
  119.             You're in : Advertising & Marketing,
  120.             </div>
  121.  
  122.             <div id = "bodies-1">
  123.  
  124.  
  125. <div id = "orgname-1">The ADVERTISING ASSOCIATION.</div> 
  126.  
  127. <div id = "general-1"><p>"We are the only organisation that represents all sides of the advertising and promotion industry in the UK -  advertisers, agencies and the media."</p></div>
  128. <div id = "contact-details"><strong>CONTACT DETAILS</strong> 
  129. <br>7th Floor North, 
  130. <br>Artillery House, 
  131. <br>11-19 Artillery Row, 
  132. <br>London,
  133. <br>SW1P 1RT
  134. <br>
  135. <br>EMAIL:
  136. </div
  137. <br><a href = "mailto:aa@adassoc.org.uk " class = "sec">aa@adassoc.org.uk  </a>
  138. <br>TELEPHONE: +44 (0) 20 7340 1100
  139.  </p>
  140.  
  141. <div id = "services"><p>The ADVERTISING ASSOCIATION provides the following services:</p> 
  142.  
  143. <ul>
  144. <li>Membership </li>
  145. <li>News</li> 
  146. <li>Events</li> 
  147. <li>Publications</li> 
  148. </ul>
  149.  
  150. <br>Contact the organisation to see the full range of services offered. 
  151.  
  152.  
  153.                 </div>
  154. <p><a href = "ServicesExplained.html" class = "sec">See here </a>for a full explaination of services provided by professional bodies.</p>
  155.                 </div>
  156.  
  157.  
  158.             <div id = "bodies-2">
  159. <img src="http://bytes.com/images/Advertising Association.JPG">
  160.  
  161. </div>
  162.  
  163. <div id = "ad-2">
  164.  
  165. <br><script type="text/javascript"><!--
  166. google_ad_client = "pub-9867395218313219";
  167. /* 234x60, created 10/09/11 */
  168. google_ad_slot = "5652815655";
  169. google_ad_width = 234;
  170. google_ad_height = 60;
  171. //-->
  172. </script>
  173. <script type="text/javascript"
  174. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  175. </script>
  176.  
  177.  
  178.                 </div>
  179.  
  180.             <div id = "bodies-5">
  181.                 3 things to consider?
  182.             </div>        
  183.  
  184.             <div id = "bodies-3">
  185.  
  186. "We promote and protect advertising. We communicate its commercial and consumer benefits and we seek the optimal regulatory environment for our industry.
  187.  
  188. <p>Our goal is that advertising should enjoy responsibility from its practitioners, moderation from its regulators, and trust from its consumers. </p>
  189.  
  190. <p>The Advertising Association exists to provide a co-ordinated service in the interests of its wider membership, i.e. the individual companies that make up this large, diverse, and highly competitive business.</p>
  191.  
  192. <p>Our remit is 'to promote and protect the rights, responsibilities and role of advertising' in the UK . "</p>
  193. <p><a href="http://www.adassoc.org.uk" class = "sec">For more info on this organisation............</a></p>
  194.  
  195.                 </div>
  196.  
  197.  
  198.             <div id = "ad-3">
  199.  
  200. <script type="text/javascript"><!--
  201. google_ad_client = "pub-9867395218313219";
  202. /* 728x90, created 20/07/11 */
  203. google_ad_slot = "8258503095";
  204. google_ad_width = 728;
  205. google_ad_height = 90;
  206. //-->
  207. </script>
  208. <script type="text/javascript"
  209. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  210. </script>
  211.                 </div>
  212.                 </div>
  213.  
  214. <div class = "footer-4">
  215.     <a href = "Index.html">Home</a> | <a href = "Aboutthissite.html">AboutUs</a> | <a href = "Alphabetical.html">Alphabetical List</a> | <a href = "LegalStuff.html">Copyright</a> | <a href = "ContactUs.html">ContactUs</a> | <a href = "SiteMap.html">LegalStuff</a> | <a href = "Sitemap.html">SiteMap</a> 
  216.         </div> 
  217.  
  218. <div id = "copyright-4">
  219.         <img src = "CopyRight.gif"/>
  220.             </div>
  221.             </div>
  222.  
  223.  
  224. <script type="text/javascript">
  225.  
  226.   var _gaq = _gaq || [];
  227.   _gaq.push(['_setAccount', 'UA-16817002-1']);
  228.   _gaq.push(['_trackPageview']);
  229.  
  230.   (function() {
  231.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  232.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  233.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  234.   })();
  235.  
  236. </script>
  237.  
  238. </body>
  239. </html>

Any help greatly appreciated.
Fudge
Dec 23 '11 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
You are required to use "[code][/code]" tags around HTML for better formatting on this forum.

There is far too much there and far too much missing to help. We need either a link (preferably) or a jsfiddle to help with this.
Dec 23 '11 #2

Post your reply

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