Text isn't displayed correctly in IE6

Question

Just creating a site for someone and am having a few issues with the text displaying correctly in Internet Explorer 6. I tend to create the index page and test it on most browsers out of habit to see if there are any errors. I've noticed since using iWeb '09 I've experienced a lot of text errors. All text in this site is live and Verdana. It is the same if you change it to Arial.
The site can be viewed here: http://bayfield.passionfruitdesign.com/
As you will see, it displays fine in Safari and FF etc, but on IE6 it looks like this:
http://bayfield.passionfruitdesign.com/images/Bayfieldindexgrab01.jpg
I decided to link to a grab so you can see it to scale - notice how some of the text (what will be live text menus) is either cut off or lines are too close in some paragraphs and line breaks?
Has anyone else experienced this or know of a solution? Is it a case of simply saying to viewers; Please update your browser to IE7?!

Answer 1

I thought I should share my experience. I have just built a website using entirely blank templates. No blogs or photo albums. I found iweb to be an amazing design tool and a fantastic web site builder. I published my site to my own url www.geraldhenry.com with no issues. The site was perfect in Safari, Firefox and Camino on my Mac Pro. I then checked it in Internet Explorer 6 and 8. It was acceptable in 8 but looked terrible in 6. In Explorer 6, all my lists and text formatting had come apart, creating huge gaps between list items and was pushing text off the page. Yet some lists looked perfect. So I used the iweb text inspector to see what was different between the formatting I had used in the lists that displayed perfectly in Explorer 6 and those that had come apart. Here is the information I wanted to share. When using the text inspector, there is a "list" option. It gives you the opportunity to indent text as well as bullets and numbers. If I used the bullet or number indent, there was no problem. But, if I used the text indent, Explorer did not like it and the formatting blew apart as described earlier. So, the key is not to use the text indent. To indent, use the tab key or space bar. You cannot create the amazing text layouts you can using text indenting, but your work will look good in all browsers. In my case, I went through my site and removed all text indenting and replaced it with spaces using the space bar and all of the issues with the lists blowing apart were resolved. Some final notes, I built my own navigation completely and so had no navigation issues. I used Verdana type which displays perfectly in Safari, Firefox and Camino but looks weak in Explorer. Why this is, I don't know. Also, as suggested on www.allaboutiweb.com, I added a landing page that says my site looks best in Safari and Firefox and I offer download links. Please feel free to look at my site using different browsers to see how it looks. I hope this helps.