The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Can't figure out IE8 rendering of <a> problem
Bob S
post Jun 23 2012, 10:49 AM
Post #1





Group: Members
Posts: 4
Joined: 23-June 12
Member No.: 17,317



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>
<!--importantDates-->
</div><!--indexBanner-->

??
thanks

This post has been edited by Bob S: Jun 23 2012, 11:16 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Bob S
post Jun 24 2012, 03:24 PM
Post #2





Group: Members
Posts: 4
Joined: 23-June 12
Member No.: 17,317



Problem solved. Turns out the problem was an errant "/".
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th March 2024 - 09:08 PM