IE7 and My Site

[nevets2001uk]

I've got a website (

http://sjgphotography.co.uk)

that has been working well in IE6 and hopefully other browsers for a while now. It's probably not the neatest CSS ever as I'm still learning.

However last night I viewed the site from an IE7 browser and boy was it broken. I made one hack that I found to set the minimum height of the main content DIV as it wasn't expanding to include all of the information but still other parts look very messy. Mainly the gallery home page.

I was wondering if any experts out there might be able to shed some light on which bits of my CSS are no loger compatible so I can look into sorting it? Or are there any references to the css differences in IE7 and IE6 etc?

Cheers,
Steve


Steve G (MCP)

 

[BillyRayPreachersSon]

The CSS you have for "clearfix" (presumably from PIE) is not complete. This is the code I have (the LI block I added):

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */

Give that a whirl and see how you go.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[nevets2001uk]

Dan,

Thanks for looking. I tried adding that code and it broke more than it fixed for some reason. The blog and gallery etc lost most of their formatting and the layout on the gallery index was way off! For exmaple in the blog page the individual entries lost formatting and no longer had the border andgrey background.

Any other thoughts?

Cheers,
Steve


Steve G (MCP)

 

[BillyRayPreachersSon]

I'm guessing you've fixed it, as it now looks fine in IE7. It'doesn't look so hot in IE6 anymore, though...

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[nevets2001uk]

Doh! I literally just uploaded the new css file which fixed the IE stuff. Have now seen what happens in IE6! Back to the drawing board!

Cheers,


Steve G (MCP)