7 replies [Last post]
skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Hello Folks,
I am trying to kick the HTML tables addiction and build with XHTML/CSS and this is what I get - a headache :/ Seriously, can anyone spot what I have done to offend IE (5, 5.5 and 6)...

http://www.skyrocket.com.au/Concepts/IFP/index.html

I have tried the box model hack but the left nav is still out in IE. Works fine in Mozilla, Firebird and Safari on OSX.

Any help appreciated.
Regards
PAUL
SkyRocket Design Co
Sydney Australia

PAUL - SkyRocket Design Co
web design sydney northern beaches

Bigdawg
Offline
Enthusiast
Last seen: 16 years 34 weeks ago
Joined: 2003-12-16
Posts: 65
Points: 0

Site check - IE unfriendly!

Yeah it looks great in Mozilla but IE has some problems ! Looking at you css you have a much better grasp on it than myself but a guess is that where your content is out of place could be due to a missing </div> tag try placing one in your problems areas or wait for an expert like Day!!!!

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 39 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Site check - IE unfriendly!

Hey Paul

Couple of things -

1) The main problem for IE is the image in the content - as it has a width of 515 it is pushing against the side and of course IE gladly responds by going wider, and then drops down. So the width of the image has to be fixed

2) added margin: 0; to the #leftnav ul to get rid of indent. Can't remember which but the different browsers use either margin or padding for the indent. Obviously IE is margin.

#leftnav ul
{
padding-left: 0;
margin: 0;
padding-top: 50px;
padding-bottom: 10px;
list-style-type: none;
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
line-height: 22px;
}

3) IE is still looking for some more width from the container - not sure why but added this

* html #container
{
width: 745px;
w\idth: 743px;
}

which IE con only see, so I did not break Moz. Note: from memory this hack is hated by nn4 so will need to be hidden, but then nn4 hates everything anyway.

edited
4) the leftnav a had to be adjustet down in width due to the border you add when hovering -

#leftnav a
{
display: block;
padding: 0;
width: 145px;
background-color: transparent;
border-bottom: 1px solid #fff;
}

5) You have an extra #leftnav{} in you CSS, you need to delete.

Regards
Day

Now Paul have not seen you at any committee meetings yet?? Laughing out loud

The only way to learn is to do it yourself

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Site check - IE unfriendly!

Daybreak_0
Wow - that's what I call a site critique! Thank you for taking the time to review in such depth. I have only just read your post so I have done plenty of tinkering to the CSS in the meantime. I saw the duped #leftnav as well - doh. That's gone now. I had so many issues with the leftnav list I took out all the ul and li tags and used standard a tags instead which seemed to solve most of the indent issues. I'll try your tips and re-post.

PAUL - SkyRocket Design Co
web design sydney northern beaches

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Site check - IE unfriendly!

"Now Paul have not seen you at any committee meetings yet??"

OK I'm interested. What committee meetings? I can see you are also in Sydney - I'm on the northern beaches. You'll have to explain what you mean as I'm a newbie to this forum. Laughing out loud

PAUL - SkyRocket Design Co
web design sydney northern beaches

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 39 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Site check - IE unfriendly!

From your friendly Strikers webmaster!

The only way to learn is to do it yourself

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Site check - IE unfriendly!

haha - so the secret is out Laughing out loud Nice one JS.

PAUL - SkyRocket Design Co
web design sydney northern beaches

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Site check - IE unfriendly!

BTW I thought you were referring to http://webstandardsgroup.org/ when you mentioned the meetings. They are based in Sydney too. TTFN...

PAUL - SkyRocket Design Co
web design sydney northern beaches