Problem in IE......again

Hi Guys

I can't seem to solve this problem in IE7

http://www.f1monacogp.com/2008/index.html

If you click on 24th May 2008 on the left hand side the handle seems to come out of the box to the right??

Any ideas?

Any help would be much appreciated

Regards

Crabby

May or may not be causing the problem but if see what happens if you put your H1 link inside the H1 rather than outside of if. Should be:

Code:

---

<h1><a href="yourlink.html">Link</a></h1>

---

Code:

---

.handle {
        position: absolute;
        top: 0;
        left: 0;
        height:27px;
        margin:1px;
        cursor:pointer;
        background:#333333;
}

---

When setting position to fixed or absolute, always specify the desired location - different browsers will assume differently.

Hi thankyou for the replies

Centauri that seemed to solve the problem, only now is doesn't work in IE 6 hmmmm...........why is IE so annoying!!

Thanks again

Quote:

---

Originally Posted by crabby80

why is IE so annoying!!

---

Because it's a Microsoft product .............. :)

Instead of the absolute positioning of the .handle div, if you let it sit normally and reduce the top margin on the table, then a relative position, with no offset, brings it into view in IE6. The float on the table can also be dispensed with.

Code:

---

.handle {
        position: relative;
        height: 27px;
        margin: 0 1px 0 1px;
        cursor: pointer;
        background: #333333;
}

.schedule table {
        margin: 1em 0 0 0;
}

---

Perfect thankyou Centauri

Being an F1 fan, I had to try and sort this :)

Dam.....now I'm having problems in IE with the popup boxes on the gallery page.

http://www.f1monacogp.com/2008/f1-monaco-gp-gallery.php

I want to have scroll only if the picture is too large, but in the IE there's scroll all the time??