can someone look at my site in IE6?

[ssbeats]

Hi. i have just built this site...
http://impwood.com

I have had a few reports that the site looks strange on IE6. Im using mac at the mo so i was wandering if someone could check it out for me.

Apparently the main image appears at the bottom of the page. It works fine in IE7 and firefox.

Perhaps someone could sugguest why the issue might be?

Thanks.

[WebJoel]

I use Firefox 3.0 and IE7, so IEtabs in Fx is "IE7", and both look great.

My desktop HTML-editor however, seems to still use IE6 rendering, see attached screenshot (I added "div {border:1px solid red} " to show everything)... is this what you are asking about?

[eCat]

I'm using IE 6.0.2800.1106 (not by choice!) - the tabs are off as is the main image.

[ssbeats]

ok thanks for the screenshots. it does look wrong in ie6 then.

Im guessing the "cross hairs" images on the page are causing problems as they are positioned relatively and i think ive read somewhere that absolute and relative positioning dont work very well on ie6.

anyway, ive added an ie6 stylesheet and over-ridden the rules associated with the "cross hairs" images and gave them width:0px height:0x;

I dont know if thats really how it should be done but can someone take another look for me and see of this made a difference?

htp://impwood.com

If that doesnt have an effect i will have to buy a cheap pc (groan).

[eCat]

It's better, but the tabs are still off and the image doesn't sit all the way up on the page, nor is it where I think you want it.

Perhaps you should sign up for BrowserCam! Lets you check your site in lots of browsers & platforms.

http://www.browsercam.com/Default2.aspx

[WebJoel]

Six of one or a half-dozen of another, -it's still those four corner " + " images! These seem to be stationed as left & right DIVs, with the images at the top & bottom.

I still say that the parent container should be "position:relative;" and that the " + " images, -some 10px square, could be positioned absolute and negatively. Firstly, out of document flow (okay as these are presentational and not content, -their absence will not hurt the layout but their fault in presence, does!).

I might play around with this again later tonight and get some browsershots. I know this can be solved but you know, -if those DIVs are 'floated', it would stand to reason a problem for IE6 which has known problems handling some floats...

[OctoberWind]

**warning: very large file **
Size: 385 KB; Dimensions: 3280x1680 @72dpi

(fixed) http://www.octoberwind.com/images/impwood-3scape.jpg

IE6, FF2.0, IE7,

In IE6, The images appear to sit correctly except for the eco logic images, however the text above them is not 'within the tabs'.

I have MultipleIEs on my work computer. Helps with cross-browser checking.

edit:
.nav-links li{
margin-top:82px;
padding-right:40px;
margin-left:-35px;
list-style-type: none;
text-align:center;
font-size:12px;
float:left;
width:84px;

}

.nav-links ul {width:620px;}

(84 + 40 - 35) * 7 = 623

These 3 px may not cause a problem now, but what about down the road?

[ssbeats]

ok thanks for your help people. ill look into this agan tomorow. (p.s i couldnt view the impwood-3scrape.jpg image)

[OctoberWind]

Silly URL encoding...

Try this.

http://www.octoberwind.com/images/impwood-3scape.jpg

[ssbeats]

Hello again.

i am still having probs with ie6.
http://impwood.com

Firslty i am using some free sofware called multipleIE's

http://tredosoft.com/Multiple_IE

You may already be using it but i have asked around regarding the installation of multiple versions of ie on one machine and everyone informs me that it not possible. it works nicely.

Anyway...

Webjoel: i have tried positioning the cross-hairs absolutely inside a relatively positioned container as you sugguested. again it was fine in all browsers apart from ie6 so i decided to remove them completely as it would be easier to troubleshoot without them.

So...
The problems are...
The main image on my home page is appearing halfway down the page. If you click on any of the other pages the image is positioned correctly. The reason for this is becuase the home page image is a slide show (xfade.js),
i.e. It is positioned absolutely as opposed to floating.

I have tried playing around with the top and left values in my ie6-hack.css style sheet but it does not seem to have an effect.

My second problem is on the mirrors page (in fact any page where there is a gallery). If you look at this in ie6 you will see that the boxes are missaligned. I have made all sorts of changes in my ie6-hack.css stylesheet but just can't figure out what properties are causing the problem.

Any sugguestions would be greatly appreciated.