IE8 margin problem

HTML & CSS
1

I have a problem in IE8 (only).

http://pintotours.net/Asia/Japan/IbisShinjuku.html

lost the background margin between Content and #left which is being caused by the script curvycorners when it loads. It also shortens the left sidebar.

Now, all the 100 pages based on a different css buttons.css like http://pintotours.net/Asia/Japan/airportHnd.html
do not have that problem

I thought it was just a question of placing a conditional to do with the width of the #left but the airportHnd.html does not have it, and I tried it and did not work.

Any help appreciated

2

Hi I’ve compared the stylesheets for both pages looking for changes and trying pretty much all of them, with no result.
The main difference between the 2 pages is the Content that has the 4 images on top and the 3 boxes below.

Although it appears that the problem seems to be caused by the #left sidebar becoming wider than it should be I expect the problem is in the middle.

Before the script curvycorners loads all’s well. It is causing the problem like it did with the footer where I had to cretae an #offset of -40px to compensate. I expect something similar might need to be done on top. Having said that the other page which also uses the same curvycorners script does not have the problem, leading me to believe that the problem is with margins in the central column Content,

I found the beginning of a workaround by adding 10px to border-left

#content {
    height:auto;
    display:table-cell;
    background:#fff;
  
border-left:20px solid #594c26;
border-right:10px solid #594c26;
padding:0 0 10px;
    }

but that still leaves unsolved the length of #left which is shorter than it should be,

In any case, the answer must lie elsewhere.

Thank you

3

I recommend ditching curvycorners and giving IE8 users square corners (or finding a different plug-in). Square corners vs round corners will not make-or-break a sale. Do you really think it will?

4

Hi ronpat

I agree that from a commercial point of view, especially as fewer and fewer people use IE8, the rounded corners are not important.

But I like them and as all my pages work with curvycorners and only these don’t, I would like, if necessary with some help, to find out the reason why it does not work, which is due to some minor adjustment in the css/html code…

As I mentioned a few times before, this is a hobby for me: nothing more.

5

RESOLVED

I decided to use PIE on these pages, which appears to solve the problem.

Thnaks

1 Like
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.