problem artistic and ie

[stm999999999]

hello,

i have a strange display error with the theme artistic and the internet explorer 6:

in the sidebar the plugin "quicksearch" is shifted a little bit to the left, and still the "categories" are a little bit to the left (you see it at the right border, there is a little empty place). On some IE6 at the bottom the calender is shifted, too. On an IE6 on XP SP1 there is no effect for this.

you can see it on http://mein-test.supersized.org



and there is another strange problem:

http://mein-test.supersized.org/pages/gallery1.html

when there are equal or more pictures than configured for one row, on my normal IE6 (after a reload) the sidebar is not beside the main content! It is beneath them!



I there are 4 pictures / row configured, the sidebar is on the right place, when there are only three pictures on the page.

http://mein-test.supersized.org/pages/gallery2.html


and of course, both are ie-only problems

[carl_galloway]

IE6 tends to do stuff like that, it's one of the reasons so many professional designers make their designs work with IE and then hope like hell that they also work with FF, Safari, Opera etc.

I can tell you quite honestly that IE6 renders pages differently on almost every computer, in our house we have two machines running XP SP2, both have IE6, but they have different motherboards, and so obviously different video cards, and they both render the page slightly differently. Most of the problems I've experienced with IE6 though seem to originate in Germany, which suggests to me that locale might play a part in the way IE6 renders a page.

Have you tried upgrading to IE7, a lot of the mysterious problems that plagued IE6 have been sorted out for IE7, and its pretty solid, it doesn't seem to be as buggy. I'll be happy to take a look at the artistic template and make changes so it works better for you, but I'm really not too keen on supporting IE6 anymore - its just too much of a headache..

[stm999999999]

hm, IE7 is on my todo-list.

and there is another difference, on one computer I have some toolbars in IE6 - shit Micro$oft!

[carl_galloway]

Totally agree, my next computer will be a Mac. Still happy to help with the template if you need it

[stm999999999]

isn't there an IE on Macs, too?

[carl_galloway]

apparently, but I won't be using it. IE is just one part of my problem with M$, and mac comes with the iLife suite which looks awesome

[stm999999999]

I don't use IE neither (for normal work), there are fabulous alternatives: Opera / Firefox.

But, even if I do not use IE (nor on my PC nor on my Amiga), but there are several ie-users outside in the world

[stm999999999]

when there are equal or more pictures than configured for one row, on my normal IE6 (after a reload) the sidebar is not beside the main content! It is beneath them!

now I think I know more about this problem:

As you can see on the screenshot, in the main content area there is a little empty space on the right side. You can see it at the header or the footer.

So, I do not know why, but the IE seems to make the main content area greater then configured. So there is not enough place for main content and sidebar.

[carl_galloway]

I've tried to duplicate this problem on my PC, but I've already upgraded to IE7 and it won't do the same thing. And I can't roll back to IE6 either, and I won't install one of those hacks that lets me run more than one version of IE, Windows is too unstable already without messing it up anymore.

The problem is because IE has a wierd way of calculating margins even if everything is done in pixels it still adds them all up then throws in its padding, then makes a percentage blah blah, the end result is that sometimes it works (4 images) and other times it doesn't (3 images) If the template was coded using tables it wouldn't be a problem, but being CSS only, it has problems.

The reason that it works for 4 images is only because of the size of your images, if you resized them it probably wouldn't work anymore, so patching the template to make that page work wouldn't solve your problem. Could you try creating a table in your entry page and put the images into cells, rather than use the image manager to line them up?

[stm999999999]

hm, I do not think that it is about the image size, the size is made by the

Code: Select all

<div class="serendipity_gallery_thumbs" style="width: 28.33%;">

for 3 images in a row or 20% for 4 in a raw.

BTW, I think this becomes to technical for my english, can we continue in german?

BTW, I tried it on a IE6 on Win98 without any toolbars & co, same error

[stm999999999]

OK, I figure the problem out:

It is about the left border/space:

I make the row-div a red border:

Code: Select all

<div class="serendipity_gallery_row" style="border: 1px solid red">

so you see the right rendering-output: (btw it is the right output of my IE on my XP SP1, too!)





and here the ie-output (my IE with toolbar, but even IE on other computers:



the images are not centered but shifted to the right!

So, it is not a problem of image size or so, it is a problem of the colwidth, which s9y computes and the div-margins/paddings which IE computes in a wrong way:

Code: Select all

<div class="serendipity_gallery_thumbs" style="width:{$plugin_usergallery_colwidth}%;">

So, I make this as a workaraound:

Code: Select all

<div class="serendipity_gallery_thumbs" style="width: {math equation="x-1" x=$plugin_usergallery_colwidth}%;">

I would suggest for the plugin to make intern the $plugin_usergallery_colwidth -1, so the size would be a little be more "conservative" And it is better for the performance to do this in the php-files than in the smarty-tpl-files.

[carl_galloway]

Well done, that was a good bit of testing you did. So I guess you need to get the plugin author to patch the code.