Mysites works fine except in IE7 - Help!

[Gannyaa]

Mysites works fine except in IE7

I've just been coding now for what about 3 months, and my webpages all were working, i mean rendering just fine.

Then a friend of mine tells me to check out IE7.

NOW none of my sites work in IE7 !! What's with IE7 ? Why isn't it backward compatible with IE 6? Frustrating....

So how do I code for IE 7? in CSS?

my website is:
http://haidavision.no-ip.info

and
http://www.crescentbeachhouse.ca

None of it works in IE7 even though I've been using templates.

Help

[thentavius]

Microsoft has "graciously" offered us all a guide on re-doing our sites to be sure the CSS is compatible with IE7:

http://msdn.microsoft.com/library/de...css_compat.asp

[Gannyaa]

Really, Thanks for the guide ... I'll have to look at it ... soon...
But really, Microsoft expects every webmaster to recode their websites?
with the expectation that webmaster's change their pages frequently anyways... ?
Lot's of extra work ... Where's MS leading us now?

[Izzmo]

Well, if you look at how IE7 renders CSS now, it is correct. IE6 and below rendered CSS like tables. If you had a div within a div and the inner div was bigger than the parent div, the parent div would grow. Which is wrong. It should not grow, but instead, the inner div should should overflow outside the parent box. IE7 has corrected this problem.

[Taltos]

Izzmo is right on the money. IE6 and earlier versions were not standards compliant. They did their own thing the way they thought it should be done rather than use the standards put out that most other browsers abided by.

Now Microsoft has figured out that being standards compliant would be a good thing. You did the same thing that I did and probably most of the rest of us that learned on our own did. Until recently 97+ % of the browsers out there were IE. You design your first sites to work in IE. If your site wasn't a computer related site, almost everyone that got to your site saw it perfectly.

Things are changing now and more people are using other browsers. IE still dominates (no matter how much lots of techies would like it to be different) and Microsoft has gotten with the standards finally.

Browser history lesson over
Stop lecture mode....
Shutdown....

[thentavius]

Really, Thanks for the guide ... I'll have to look at it ... soon...
But really, Microsoft expects every webmaster to recode their websites?
with the expectation that webmaster's change their pages frequently anyways... ?
Lot's of extra work ... Where's MS leading us now?

That's what I thought. Pretty lame, huh?

And as others have said, it seems the new IE uses CSS correctly, so anything we did in the past to "make" CSS work in IE 6 or earlier has to be undone.

Whooo.

[Gannyaa]

Well I checked the spec's and wasn't lookin forward to another pot of coffee and an all nighter but I had access to IE7 today and played around for maybe 1/2 an hour and presto.... two simple edits...

I changed in the html { } and body { } tags,
from
height : 100%
to
height: auto

and that was it!

What a load that's taken off my mind....

Taltos you are right on. Even though in the past MicroSoft tends to be different (VBscript) and all, they are (now seemingly) conforming too everyone's else's standards too... which is great....

Thanks guys.... that guide helped too...

<!--[IF gte IE 6]
check out my fixes: http://crescentbeachhouse.ca
[end if]-->

[baldlygo]

I've only recently discovered these problems since I'm still using Win98se and do all my testing with Firefox IE6 & Opera. After an initial panic I seem to have fixed problems by inserting height:100% in body and min-height:100% in the containing div.

Seems from above all I needed to do was to add height:auto for body instead.

I cannot install IE7 on Win98se so does anyone know if the latest Firefox Extension IETab would apply IE7 CSS or would it only apply my installed IE6 characteristics?

Since I don't try and keep up with MS software I have never needed to upgrade my hardware - might manage to leave out XP altogether ;-)

[Gannyaa]

I've only recently discovered these problems since I'm still using Win98se and do all my testing with Firefox IE6 & Opera. After an initial panic I seem to have fixed problems by inserting height:100% in body and min-height:100% in the containing div.

I only recently discovered them myself.
But thanks to Thentavius who threw in the link for microsoft's fixes.

The <!--[IF lte IE 6] works because IE 7 won't read the code.
IE7 renders everything great just like the other browsers (opera firefox, etc that are Moz 5. compatible)
if the IE 5 & 6 code is if'd out, so if you tell IE 7 not to use the IE 5 hacks it won't and the page renders fine.

Am I right?

[thentavius]

Your site looks great in IE 6, 7, and Firefox 2.0 over here. I like the design! Very inviting.

[Arenlor]

Opera shows up good, as does mini mode (for mobiles and the like)

[digiweb]

F'ing Microsoft

[Gannyaa]

Thanks Arenlor for the test in mini-mode.... for mobiles. never thought to check it that way.