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
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!!!!
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??
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.
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.
Site check - IE unfriendly!
From your friendly Strikers webmaster!
Site check - IE unfriendly!
haha - so the secret is out Nice one JS.
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...