Joomla Templates Club 406,261 posts

[viktorg Friend viktorgJoin date: November -0001Posts: 30Downloads:0Uploads:1 Thanks: 4 Thanked: 2 times in 1 posts]

#139761

Why use CSS3 when the biggest browser have no support??

The template looks good in firefox but old-style in IE 6 -8.. (including the new IE-browser)

Please make the template look the same in al browsers.

1 user says Thank You to viktorg for this useful post

1. scotty

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#299212

One solution would be to replace the css3 rounded borders in the module headers with the old style picture files with rounded borders, this way the template will also have rounded borders in browsers like IE. In fact you only have to add side parts like mod_header_l and mod_header_r with rounded top edges while the middle will be filled with the matching color via the css(2) without needing an additional file for the dynamically sized center positions..

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#299215

Hi Viktorg,

Nickel mainly as Lean, fast, use css3 is more beautiful if there is support. If they must be rounded to insert more code and images. Browser does not support css3, Nickel still good. This is the purpose of creating Nickel.

[viktorg Friend viktorgJoin date: November -0001Posts: 30Downloads:0Uploads:1 Thanks: 4 Thanked: 2 times in 1 posts]

#299216

Oki thx for good answer, but I still thinks that a website should look the same in all browsers. This is because the grapical profile of a company should be uniform.

1 user says Thank You to viktorg for this useful post

1. wooohanetworks

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#299218

While I partially agree with you it is up to the designer to choose what visual embelishment they wish to add to various items.

The browser developer all want to have their own twist on certain things, if they didn’t they would all end up copies of IE an that would be really bad IMO. You can if you wish, remove the FF/Safari rounded corners. remove the reflective look buttons in Safari etc. It is all up to you as the designer. But in the corporate world small tweaks like this usually go unnoticed. As long as the overall feel of the site is good and you have good logo design etc then there is really no need to worry about these minor things.

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#299221

When they implement CSS3 and know that the most popular browser does not support it, they must implement both options, CSS3 and CSS2 with picture files for rounded borders for example and a certain function to the template that detects IE or FF etc. and displays the matching version of the template. This is professional, without this not and more a beta version, as a template MUST look similar in all modern browsers at least.

Yes it means some extra work but this is a business theme, primarily designed for corporate homepages and by far most business people use IE and not FF or Chrome or any other browser, so most people will see the site without css3 and this not well done right now.

The comment that this is okay is not thought through in my opinion as MS leads the pace and this does not benefit even the poster and the sites he or she builds, but when it is okay that most users will see a not so well looking version, but the own look may always be nice because of using FF, then okay to each his own opinion about this part of the business.

One reason not to use the template how it is right now, good that this was reported, as I planned to maybe use it. Thanks!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#299262

Garbage. The differences are so minor that few would really notice the difference. Should one wish it is easy to turn off the rounded corners for FF/Chrome/Safari with a simple css tweak but why would you want to?

How many people use both browsers apart from web developers and of those people how may people will compare the look in both browsers side by side?

Microsoft are not leading the way either. IE8 fully supports css2.1 but only some features of css3. Microsoft do plan to add further css3 support in time however so those corners will eventually looks the same in IE..

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#303906

I agree with the OP.

80% of users will never see the effects of CSS3 on the site so I see little point in implementing it.

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#303908

Forget changing the template….FIRE IE ALREADY!!! :laugh:

[codger Friend codgerJoin date: July 2008Posts: 90Downloads:0Uploads:3 Thanks: 18 Thanked: 4 times in 1 posts]

#303909

Surely we should embrace the latest standards when we can; the important caveat is that the design ‘degrades gracefully’. There is no doubt that this template satisfies that requirement – a very nice template imho.

Codger

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#303910

codger;127699Surely we should embrace the latest standards…

If 80% of your visitors can’t see the effects they are hardly ‘standards’ now are they?

Also this new ‘addons.css’ – more trouble than it’s worth!

[Author]

Posts