Serendipity v3.0 template updated to css only - testers need

d_cee · Post by **d_cee** » Fri Aug 04, 2006 3:42 pm

Hi guys

Since you're checking IE 5.01 windows I thought I should let you see what IE 5.2 mac looks like.

screenshot here

Dave

Post by **yellowled** » Fri Aug 04, 2006 6:41 pm

d_cee wrote:Since you're checking IE 5.01 windows I thought I should let you see what IE 5.2 mac looks like.

Eow! I guess this is supposed to be 3-column, right? Nasty. Seems to have a problem with the navbar also

Thanks for checking, Dave.

I'm out of ideas right now, but I'm probably out for the weekend anyway, so I hope Carl can come up with something like he always does

carl_galloway · Post by **carl_galloway** » Fri Aug 04, 2006 8:34 pm

thanks for the pressure

Good news is I've finally been able to reproduce the error by scaling my monitor resolution. It seems that if I shrink my browser window 1px at a time, IE has problems with some percentages for the margins. Basically what seems to be happening is that in full 1280 wide mode my monitor works perfectly, and also at 1024 wide, and in 800 wide, and usually when I shrink my browser I move my mouse quite quickly so the screen flickers but it always works. If I reduce my browser window one pixel at a time, there seem to be a few places where the right sidebar drops below the left and content pane, but most of the time it works as it should.

So the rpoblem is definitely an IE problem. Doing hte same test in FF and Opera the browser refreshes perfectly even when I shrink the browser window 1px at a time. So now we know it has something to do with the % margins. Next step is to find a fix.

Post by **yellowled** » Tue Aug 08, 2006 1:54 am

carl_galloway wrote:If I reduce my browser window one pixel at a time, there seem to be a few places where the right sidebar drops below the left and content pane, but most of the time it works as it should.

So the rpoblem is definitely an IE problem. Doing hte same test in FF and Opera the browser refreshes perfectly even when I shrink the browser window 1px at a time. So now we know it has something to do with the % margins. Next step is to find a fix.

Late at night again, so all my following thoughts might be crap

As far as I know, most or all browsers convert % to px and therefore are prone to rounding errors, which probably means that in our test cases there are some pixels too much. So maybe we should try this with, say, 18% - 58% - 18% (and adaped margins, of course; I'm too tired to calculate that right now, sorry

) instead of 20-60-20?

carl_galloway · Post by **carl_galloway** » Tue Aug 08, 2006 6:46 am

tired? that makes two of us! I'll try those proportions later and let you know how they work.

Harald Weingaertner · Tue Aug 08, 2006 11:36 am

YellowLed wrote:So maybe we should try this with, say, 18% - 58% - 18% (and adaped margins, of course; I'm too tired to calculate that right now, sorry ) instead of 20-60-20?

What about 90-60-90 ?

Post by **yellowled** » Tue Aug 08, 2006 12:18 pm

Harald Weingaertner wrote:What about 90-60-90 ?

That would be a little too wide

While we're here: Have you tried to resize your IE Window to an 'even' size like 1024x768 or so? If it works for Carl, it should work for you, too, I guess.

Harald Weingaertner · Post by **Harald Weingaertner** » Tue Aug 08, 2006 3:03 pm

YellowLed wrote:
Harald Weingaertner wrote:What about 90-60-90 ?
That would be a little too wide

While we're here: Have you tried to resize your IE Window to an 'even' size like 1024x768 or so? If it works for Carl, it should work for you, too, I guess.

No, it does not work for me. I tried it, after i've read carls statement. I use 1280x1024 and tried everything below it.

Post by **yellowled** » Wed Aug 09, 2006 11:27 am

Harald Weingaertner wrote:No, it does not work for me. I tried it, after i've read carls statement. I use 1280x1024 and tried everything below it.

At the risk of straining your patience even more, I'd like you to try a slightly modified version of the theme. I read something the other day about IE having problems with 'combined' classes. I'm not sure whether this is true for a combination of ids and classes, too, but since I can't test it myself ...

http://www.yellowled.de/serendipity_v3_1a.zip

This is an exact copy of v3_1a, so you can unzip this to a seperate folder without destroying the original version. I only changed those id/classes into ids, so this might look a little bit strange. I only want to make sure if this is the problem with IE or not.

Harald Weingaertner · Post by **Harald Weingaertner** » Wed Aug 09, 2006 4:07 pm

YL, i tried the 3.1a and this is the result: http://www.webgurus.de/files/yl1.jpg

It is different from the other error. Now there is no sidebar on the right. I now have 2 sidebars on the left. I hope the screenshot helps to find another idea.

Post by **yellowled** » Wed Aug 09, 2006 10:35 pm

Harald Weingaertner wrote:It is different from the other error. Now there is no sidebar on the right. I now have 2 sidebars on the left. I hope the screenshot helps to find another idea.

Hrm. Thanks for your patience, but I suppose this only confirms - again - that IE is a weird, bug-infested browser

Post by **yellowled** » Fri Aug 11, 2006 10:13 am

carl_galloway wrote:tired? that makes two of us! I'll try those proportions later and let you know how they work.

I stumbled over something today. Someone working on another 3-column framework for html pages reported similar problems which in his case turned out to be caused by the IE italics bug.

Post by **yellowled** » Sun Aug 13, 2006 4:24 pm

I had the opportunity to test this under WinXP with an IE6 on a friend's machine. However, I didn't want to install xampp and stuff there, so I went with a static html test page.

I was able to reproduce it there the way Carl reported. That means in certain browser window sizes, the right sidebar was displayed below the left sidebar. However, in most windows sizes it looked just fine, and as far as I understand Harald, that's not the case in his setup, right?

Okay, so here's what I did: I simply reduced the width for the right sidebar (in style.css) to get the combined width of content and sidebars <100%. It's the easiest solution, since it doesn't require any recalculating of the widths and margins for the other columns - and it worked fine with the static test page.

Code: Select all

/* right sidebar */
#serendipityRightSideBar {
	float: left;
        margin-top:10px;
	width: 19%; /* EDIT */}

This doesn't really make a difference in any colorset or with any number of columns ... in Firefox/Linux. Reading this whole thread again, it seems to me as if this should do the trick in IE also, but who knows?

So what I need now is somebody telling me whether this also works with IE or not. In the meantime, I'll keep my fingers crossed, sacrifice a chicken and curse the people responsible for IE

Harald Weingaertner · Post by **Harald Weingaertner** » Sun Aug 13, 2006 5:19 pm

YellowLed, this looks good.

I've made the changes and this is the result in IE.

But this change does not work for the caramel theme, right?

carl_galloway · Post by **carl_galloway** » Sun Aug 13, 2006 7:57 pm

Harald your screenshot looks like it is working. The only reason that I can think why it isn't working in caramel is the % margin and padding in the sidebar item and content. Caramel colorset is the only one that uses %, so maybe we need to play with that as well.

Yellowled, I think you've just announced yourself to the community as a template designer... won't be long before other users start expecting more themes from you

Serendipity v3.0 template updated to css only - testers need

Do you like this new version?