4 replies [Last post]
stevejebson
Offline
Regular
Last seen: 17 years 52 weeks ago
Joined: 2004-08-18
Posts: 35
Points: 0

Hugo's sig has pointed me towards the light, I know it' basic stuff but I now see the benefit of me validating html, css and developing in Firefox and testing/fixing IE/win. But only 'cos the frustration became so great did i look at the instructions. Have i finally learnt my lesson... unlikely.

Ok, my problem is here http://www.mnpa.co.uk/DunnettShaw2004.shtml and the 3 images at the bottom (thanks Mr Meyer). The css has been modified very slightly by surrounding each pic with a div to get some right padding and allow some picture text but when viewed in IE unsuprisingly it goes haywire.

Any help appreceiated.

Steve

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 15 years 51 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

Always learn the hard way

It's the class .slidetext that's causing it - IE is defining this as 100% width and is not nesting it within <div .slide>

However, I don't think this is all IE's fault because I cannot see .slidetext in the css although it figures in the html. Firefox seems to be ignoring this but IE is not.

If you do not already use them, you may wish to look into the web developer toolbars for: Firefox and IE - both allow you to outline various elements of the structure as well as many more goodies. Used together they will clearly show up the differences.

Firefox
http://www.chrispederick.com/work/firefox/webdeveloper/

IE
http://www.nils.org.au/ais/web/resources/toolbar/index.html

Hope this helps.
Lorraine

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 15 years 51 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

Always learn the hard way

Aha - trying to catch us out! I now see div.slidetext in embedded <style> but you have given it 100% width. Wink

Possible cause - the source may not be nesting properly:

<div class="slide">
<div class="pic ls"><a href="DunnettShaw2004i1.shtml" class="tn"><img src="tn/Dunnett-Shaw-Team-ls.jpg" alt="MNPA Team"></a>
</div> this is closing pic ls and leaving slidetext out on a limb as far as IE is concerned try moving it down and see if that fixes it
<div class="slidetext">MNPA Team
</div>
</div>
</div>

stevejebson
Offline
Regular
Last seen: 17 years 52 weeks ago
Joined: 2004-08-18
Posts: 35
Points: 0

Always learn the hard way

Thanks Lorraine, you gave me the clue, i needed to give a width (160px) to the div.slide
I think the width 100% for the slidetext was pushing the containing div out in IE

thanks again

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Always learn the hard way

Ah, so happy to hear that the sig has had some benefit , thanks for the feedback, I'm a happier bunny now Smile

Hope the problems sorted.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me