Sphene Community Tools

Has anyone done much testing under Internet Explorer?

I tend to do most of my work on firefox, and yet many users have explorer as their main browser.

On my site, and on this site, the layout isn't correct when explorer is used. For example, check the board index:

http://sct.sphene.net/board/show/0/

Notice the how the folders for sub-categories have a large amount of space for the folder icon, while the category title is split across multiple lines.

Also notice such as this one:

http://sct.sphene.net/board/thread/1138/?page=1

The text is misaligned and chopped off in places.

Seems like much of this is due to CSS problems with explorer.

well .. i have tried it while creating the HTML/CSS (so it's been a while) .. but i know that the list of categories is not 100% correct in IE :( but it wasn't annoying enough for me to care about it .. it is still usable. .it just doesn't look all that well.. (i have played around with it for a while.. just got fed up with IE)

FanHookup said @ 2008-06-25 17:04:46:

http://sct.sphene.net/board/thread/1138/?page=1

The text is misaligned and chopped off in places.

ok .. that's new for me .. have you tried IE 7 ? (i only have IE 6 here for testing)

I think IE7 has the same problems.

I'm trying to modify the CSS, but so far I'm not having any luck.

I haven't looked at the category folders yet, but I've found that adjusting the padding on the post body to 15px does work for IE. But I'll only want to do this if I'm dealing with an IE browser (since it looks ok as it is for firefox).

I've ran into these IE issues before, and here's how I've dealt with it in templates for my site.

agent = request.META['HTTP_USER_AGENT']
location = agent.find("MSIE")
if location > 0:
IE = True

Then in my template:

{% if IE %}
load IE style sheet
{% else %}
load non IE style sheet
{% endif %}

This may not be the best way to handle it, but it worked for my situation. Perhaps it's something that could be added to the sphene middleware, such that templates could do something like:

{% if sph.IE %}
load IE specific styles

i think conditional comments would be more appropriate .. see http://www.quirksmode.org/css/condcom.html ..
they are only supported in IE . but since it's the only browser requiring stupid workarounds.. it works quite good :)

ie. instead of python code which reads

if IE:
   print stylesheets

you would have in your templates things like

<!--[if IE]>
   <link rel="stylesheet" href="ieworkarounds.css" />
<![endif]-->

i'll have to think how i could best integrate that into SCT :)

--- Last Edited by Herbert Poul at 2008-06-25 18:56:22 ---