Hello!

First of all I want to thank everybody who helped me so far. My website is now up and running: www.frofi.co.uk
Now I have two final question. On my website I am using AJAX for reloading of content in one DIV container. The problem is that after new content loads up, you can still see remaining pixels from the previous text. For example in line 6 the first word is "they" and the first word of new text is "measured". The very left pixel of the letter "t" stays in place and makes the letter "m" look kinda faulty.
My question is: Can I add some sort of "clear" command to this AJAX code?

<script language="javascript" type="text/javascript">
function loadurl(dest) { 
try {
xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { /* do nothing */ }

xmlhttp.onreadystatechange = triggered;
xmlhttp.open("GET", dest);
xmlhttp.send(null);

}
function triggered() {
if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
document.getElementById("left").innerHTML = xmlhttp.responseText;}
}
</script>

,or maybe here?

<div class="malyFont" id="left" onclick="loadurl('/science/science.txt')">

I forgot to mention it doesn't happen in IE6. The problem only shows in Firefox.

I don't see it in Mac Firefox, but FYI in Safari the text runs outside your containers (see attachment)

Thanks for the info. I tend to design for IE6 and Firefox as these are the two most commonly used browsers. Maybe I'll adjust my future work to Opera as well, but I don't care much about Safari. There are slight differences between IE6 and FF and a little bit bigger with Opera. I think all the browser makers should try and come closer to IE and FF standards. Otherwise they will only cause confusion and headache to webmasters. I understand people don't like anything from Microsoft, but I really don't see the point in trying to be that much different.

As for your browser, try to decrease your text size. If I ever figure out how to stop users from resizing the text, you'll see my page without any trouble.

Originally Posted by frofi

As for your browser, try to decrease your text size. If I ever figure out how to stop users from resizing the text, you'll see my page without any trouble.

You should make it expandable so you don't have to worry about it. Lots of people change the font size - it's a variable, not a constant. It shouldn't be that hard to make it flow correctly. Remember, the user is king, you need to cater to them, not the other way around. Your site's text runs off in FF too, it's not a Mac/Safari thing, it's a design thing.

And don't get me started on IE... I hate it because it's sooo far from W3 compliant it's not funny, not because it's an MS product. I really like my Xbox.

Just my 2¢.

Yes, IE is not W3c but it still is the dominant browser. You got me worried now because on my PC everithing is in its correct place. If I make those containers expandable, they won't be the same size. I know there is a JavaScript routine that can do it, but I can't find it anywhere.