IE8 teaser

Hi

The “threedivs” belong to the central part, that’s unconnected to the sidebars (I think…)

I had this problem on all pages: I increased the height and solved the problem in the Barcelona and Dominican Republic pages, but not in the Indonesianm despite the code beibng the same for all of them…

The css is the same! The html for normal1 is the same; the IE8 conditionals are the same.

Aha! The HTML is not the same. The Indonesia page has Broken Mark-up

 <li>Mini-bar<span class="tick"1></span>

I should have run the page through the validator

Hi

Many thanks. I expect I have the same in the other pages. However, it did not solve the problem of the Travel Secrets box in IE8

You have many site visitors using that?

AFAIK it’s use is almost nothing and many have stopped supporting it.

We have been down this road :wink: .

Oh Lord have we told him :stuck_out_tongue: .

But it’s the most recent version of IE available for XP, so if your target audience is likely to be using older technology, then it’s definitely an issue to consider. (I sometimes feel we lose sight of the fact that not all Internet users are devs on the latest equipment. )

True. That’s why I asked qim. Only he would know the percentage of his site visitors using IE8 and whether or not it would be worth the effort to find work-arounds.

Ryan, I appreciate your advice and I heed it, but this is not about visitors;

It is about me wanting to do something that I enjoy. We all have different tates and interests in life.
On the positive side I do not test with IE7 or IE6 etc, mainly because I do not have access to those browsers…

Hi

As I posted before tha percentage of IE 8 visitors is very similar to that of other browsers; close to ZERO!

I do this to try and keep my old brain alive. That’s all.

I appreciate the help but I do not see why it must be directed to professional, commercial sites only. I want to keep IE8 going as it gives me pleasure to open an XP and see the pages working properly.

In this case, it is not even a problem, as I know how to solve it, It is an academic question to try and work out why two identical tghings are different.

In part it may be your out-of-date mark-up i.e.
non-sequential h tags (used for style rather than semantics?)
inline CSS rules

But for the most part I think it’s just because older IE has issues in general that newer IE versions don’t have. Hence they look different.

Now, that’s a comment I may learn from. Do you mean h(s) should come sequentially? No h2 after an h3, etc?

They look the same to me so I assume you have applied your fix?

We’d need to see an example where they are broken to compare the differences. I haven’t looked at the code but I’m betting its your curvy corners again. Ols IE also has many rounding bugs so if the heights are different you may get things rounded differently even though elements are the same.

They should be h1 to h6 more or less. I think of them as if I were doing a school paper how I would organize the outline. Currently the order of the h tags is

<h6>You have arrived at a subsidiary pop-up of our main Barcelona page.</h6>
 
<h5>Please, click on the image below to see the full page</h5>

<h5>You book with them,<br>not with us.</h5>

<h5>See other destinations:</h5>

<h1>Crowne Plaza<br>Barcelona</h1>

<h2>Crowne Plaza</h2>

<a href="Barcelona.html" target="_blank"><h3>Visit the Barcelona page</h3></a>

which makes me wonder if you are using them because of how they display rather than what they signify

Is a fixed height being imposed by JS? If so, can you remove that fixed height, please. I see it in the source in Firefox but can’t see it in IE8 so it’s hard to troubleshoot in IE8.

Do you have the IE meta tag as the first meta tag at the top of your HTML?

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

The only thing I noticed was the <p> tag in the .normal1 box was not closed. Then again, lots of <li> tags aren’t closed later. Don’t know if that matters to IE8.

Hi Paul

No, I did not fix it yet. If you look at the two links in my first post you should see that the santikaCity one (in IE8) has the bottom of the border broken. It can e fixed by adding a few px, 5 for instance to the height.

The strange thing is that the css is identical not just for these two but generally for all subsidiary pages of the main city pages. Dominican Republic an Barcelona pages are fine, but Indonesia ones are not. So, thisdoes not seem to be achance bug with IE8, but a response to something in these particular Indonesian pages.

the only thing I can think of is that the different image in the sidebar is causing it.

As I said before I am simply curious to understand why.

Bad coding I’m sure but the <p> are just line breaks. As for the <li>I had not noticed that. Should I close them? They all work very well across all brorwsers, even IE8 as the Barcelona and Dominican Republic pages have the same coding and no problems whatsoever.

I checked IE8 in browserstack and those boxes are IDENTICAL in each page. IE8 and Chrome matches perfectly. Nothing is cut off.

Hi Ryan

Thanks. That leaves the possibility that I should throw my old XP computer out of the window and byebye IE8…

Nonsense.

Memorabilia like that should be sent off in a proper way.

Get a flamethrower.

Hi

Yes… the sidebars were a late addition to the page that was born as a simple popup. I had to invent <h> to get the text in the boxes to behave as i wanted.

I guess I will have to find a bew way when I get some time and change thibgs around.

Now, I take offense! You are not referring to me, are you?.. :imp: