IE 7 Beta 2

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
Muzzy

IE 7 Beta 2

Post by Muzzy »

Hi All.

I have been checking out IE 7 Beta 2 to ensure my sites look OK. When I view several of the sites that have submitted themselves to this forum, the footer seems to jump up to just under the nav (horiz) are with the backgroung colour bleeding into the page content.

Has anyone else tested their site with IE 7? Is CMSMS working on any bug fixes for it?

Regards.
Mike.
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: IE 7 Beta 2

Post by tsw »

Havent tried any version of IE7..

maybe I should, but cant afford to install it on my only windows machine right now (as it will most certainly blow up my hd ;)
Piratos

Re: IE 7 Beta 2

Post by Piratos »

tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: IE 7 Beta 2

Post by tsw »

But are the bugs in IE7 or css?

as IE7 isnt standards compliant (they admit themself that it isnt) and its still a work in progress I wouldnt start debugging for it yet.. lets see when it gets to RC27 (in year 2013 right after vista gets out)

:P
zerrvox

Re: IE 7 Beta 2

Post by zerrvox »

IE7 is much more standard compliant than it's predecessors and no longer obey  simple tools as the holy hack (* html).
IE7 is a huge step in the right direction in CSS support and rendering and as soon as it is widely spread it will be so much easier to make cool designs with proper css.

One thing to have in mind is if you use the IE conditional comments (which is a great way to serve IE only css) IE7 will properly break as it will now react rightly to all of those rules which were made to fix it. This can be prevented with using the proper version numbers in the condition in the comment to exclude the new IE7...

The IE team has claimed that IE7 beta march release is feature complete, so they will not implent any new things to the rendering part besides fix bugs. Therefore is safe to debug your site with it now, actually this is one of the thing they hope webmasters will do. Can't have that all websites suddenly break because they released a new browser, try to vision how many complaints they will receive if that will be the case  ;D
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: IE 7 Beta 2

Post by tsw »

IE7 is much more standard compliant than it's predecessors and no longer obey  simple tools as the holy hack (* html).
Thats true
IE7 is a huge step in the right direction in CSS support and rendering and as soon as it is widely spread it will be so much easier to make cool designs with proper css.
but will it be enough?

still there is no support for http://www.w3.org/TR/CSS21/selector.htm ... -selectors and I bet that next hack will be something like "div#pagewrapper[class=example] somethign"

And pages like this doesnt really up my confidence on this browser being anything more than a "well fix some of the major bugs to win back those who have changed to alternative browsers" http://www.quirksmode.org/bugreports/ar ... index.html


It seems that I still have to install that damned browser in near future...
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: IE 7 Beta 2

Post by Greg »

I have been using IE 7 Beta 2 for the past 2 months. They have fixed many of the CSS bugs and some of the javascript bugs as well. The Holly Hack can be replaced by applying zoom: 1; to most css id's and classes that used that hack (this also applies to IE 5.5 +).

I put this code in the global content block Javascript for IE ....

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">
#container {zoom: 1;}
</style>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]--><!--[if IE 7.0b]>
<style type="text/css">
#primary-nav ul {width: 100%}
#primary-nav li, #primary-nav li a, #primary-nav li.menuparent {height: 1%;}
#primary-nav li.menuparent {float: left;}
.clearfix {height: 1%;}
div#footer {width: 100%;}
code {zoom: 1;}
</style>
<![endif]-->
Fixes the footer problem and most of the menu problems.
Greg
Locked

Return to “Layout and Design (CSS & HTML)”