PDA

View Full Version : Image Placeholders too wide in IE9


paulweb
06-28-2011, 01:29 PM
Hi,

I'm having trouble with the width of my image placeholders in IE9.

I've placed the image placeholder in a APdiv tag with the same size of the APdiv tag which is aligned on top of another APdiv tag which doesn't have an image. I have also added a link to the image placeholder.

Here's the code where I'm having problems:

<body link="#FFFFFF">
<div id="apDiv1"><a href="inicio.htm"><img name="" src="inicio/imagenes_inicio/logo.jpg" width="252" height="73" alt="" /></a></div>
<div id="apDiv6">
<div id="apDiv12"><a href="destinarios/asia.htm"><img name="" src="destinarios/images/india4_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv14"><a href="destinarios/africa.htm"><img name="" src="destinarios/images/egypt1_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv27">
<div align="center">DESTINOS</div>
</div>
<div id="apDiv39"><a href="destinarios/america_norte.htm"><img name="" src="destinarios/images/usa1_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv40"><a href="destinarios/america_norte.htm">AMÉRICA DEL NORTE</a></div>
<div id="apDiv43"><a href="destinarios/america_central.htm"><img name="" src="destinarios/images/Antigua2_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv44"><a href="destinarios/europa.htm">EUROPA</a></div>
<div id="apDiv45"><a href="destinarios/america_central.htm">AMÉRICA CENTRAL</a></div>
<div id="apDiv46"><a href="destinarios/america_sur.htm">AMÉRICA DEL SUR</a></div>
<div id="apDiv52"><a href="destinarios/asia.htm">ASIA</a></div>
</div>
<div id="apDiv41"><a href="destinarios/europa.htm"><img name="" src="destinarios/images/greatbritain1_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv42"><a href="destinarios/america_sur.htm"><img name="" src="destinarios/images/riodejaneiro2_destinations.jpg" width="275" height="130" alt="" /></a></div>
<div id="apDiv16">
<div align="center"><a href="destinarios/africa.htm">AFRICA</a></div>
</div>
<div id="apDiv10">
<p>&nbsp;</p>Also the image place holder has an annoying border in IE9 which isn't there in Firefox, Chrome and Opera.

Everything looks great in Firefox, Chrome and Opera but really messy in IE9 although the functionality of the website works in all browsers.

I'm new to web design so any help would be much appreciated.

Corrosive
06-28-2011, 06:24 PM
Probably the old linked image border issue. Just add

a img {border: none;}

to your CSS

paulweb
06-29-2011, 10:24 AM
Many thanks Corrosive that was driving me mad :-D

Corrosive
06-29-2011, 10:27 AM
Many thanks Corrosive that was driving me mad :-D

You are welcome and it always does. Everyone falls foul of that first time round :)