Hi People! I've got a bit of a prob with my Font Media Website It views well in all other browsers bar IE6 - the third div/column moves down below the main content - still floats right but just shifts down? Anyone know of a fix for this please? Any help is very much appreciated Rach xxxx
Hey there, have you tried including a filter? Ill probably look at your code tmr, but for now you might implement a technique that would target IE6 specifically. Create a separate css file (something that would target the 3 div, i guess i will not need to explain that), now to make it readable by IE6 only you MUST begin every rule by writing "* html" first. So for example instead of writing div.body {....} you write * html div.body {......}. Just include the css file into your site and it should sort out the problem. Other browsers will not render the added file and so you can target IE6 specifically. Hope this clears things up! Good luck!
Thats excellent - thanks so much. I'll try it out later and let you know the outcome. Very much appreciated!
Hi typingmums, The problem is a bug with IE6 handling Italics. Since the font is on a slant a couple pixels are added to the width. Adding overflow: visible; to #index_testimonials should fix it #index_testimonials { height: 520px; width: 150px; float: right; text-align: right; background-color: #FEAB44; color: #434443; padding-right: 10px; padding-left: 20px; position: relative; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #FEAB44; [B][COLOR="GREEN"]overflow: visible;[/COLOR][/B] } Code (markup):
Hmm and if that didn't work, reducing the width just for IE6 could also work: * html #index_testimonials { width: 145px; Code (markup): So the italics can still stick out. IE6 will increase the width or height of a box to make it fit the content (expanding box problem).