HTMLHelp Forums > Can't figure out IE8 rendering of <a> problem

Full Version: Can't figure out IE8 rendering of <a> problem

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

Bob S

Jun 23 2012, 10:49 AM

IE 8 does not render one of my pages properly but versions before and after 8 do. I've traced the problem down to the use of an <a> element around the <img> tag but have no idea why or how to fix it (other than taking out the <a> tags).

Samples of the page can be found at:

using the <a> tag which does not display properly in IE8--> http://www.yingexpo.com/_testing/index_withhref.htm
same page but no <a> tags--> http://www.yingexpo.com/_testing/index_nohref.htm

all of the pictures and text below them are positioned with CSS and position:absolute.

the markup for this area is:

CODE

<div class="indexBanner">
<img class="img1" src="_images/index_01.jpg" width="352" height="272" alt="Welcome" />
    <span class="img1Text">Welcome</span>
<a href="http://www.floridassef.net/forms/2010forms/FSSEF%20Rules%20Supplement%20%202009-10.pdf" target="_blank">
    <img class="img2" src="_images/index_02.jpg" width="152" height="115" alt="Rules & Regulations" /></a>
    <span class="img2Text">Rules & Regulations</span>
<a href="studentforms.htm"><img class="img3" src="_images/index_03.jpg" width="152" height="115" alt="Forms" /></a>
    <span class="img3Text">Forms</span>
<a href="volunteer.htm"><img class="img4" src="_images/index_04.jpg" width="160" height="120" alt="Volunteers" /></a>
    <span class="img4Text">Volunteers</span>
<a href="sponsors.htm"><img class="img5" src="_images/index_05.jpg" width="160" height="120" alt="Sponsorship" /></a>
    <span class="img5Text">Sponsorship</span>
<a href="localdates.htm"><img class="img6" src="_images/index_06.jpg" width="152" height="120" alt="Important Dates" /></a>
    <span class="img6Text">Important Dates</span>
<div class="importantDates">
<p class="eventsHead">Upcoming Events:</p>
<p class="eventItem"><strong>August</strong> - Summer workshop for teachers (Location TBA)</p>
</div>

</div>

??
thanks

Bob S

Jun 24 2012, 03:24 PM

Problem solved. Turns out the problem was an errant "/".

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.