TWSupport - Smooth, Clean Support

  • Post new topic
  • Reply to topic

CSS - Different Result in IE & FF

Share

Jalokim
Designer
Designer

Age: 20
Number of posts: 184
Registration date: 2008-08-06
Computer Specs: HP Pavilion || Vista Home Premium SP1
Additional Specs: Athlon 64 X2 1,9Ghz ,GF 8400 GT, 2 MB, 250GB

Re: CSS - Different Result in IE & FF

Post by Jalokim on Sat Jun 06, 2009 10:15 am

the if IE replaces specific codes, so you don't need to copy your entire css and make it IE compatible... if lets say the header is being a nuisance than all you add to your second css is the header classes.

I used to add IE fixes to the main CSS, and I have to when making hitskin themes, but my premium themes and testjal's has 3 CSS's that give it cross browser compatibility ... or at least its as close as possible to the desired effect.

I learnt that its worth coding a IE fix rather then going for a compromise that automatically makes your theme/style/page look worse.


_________________

Placehold
TWS Manager
TWS Manager

Age: 25
Number of posts: 730
Registration date: 2008-04-15
Computer Specs: Windows Vista home premium :: Intel(R) Core(TM) Duo CPU
Additional Specs: T7250 @ 2.00GHz :: 4.00 GD RAM :: NVIDIA GeForce 8400M GT

Re: CSS - Different Result in IE & FF

Post by Placehold on Sat Jun 06, 2009 10:43 am

Hey J,

Have you finished cross browsing it then? Smile

Coooool, I'm gonna have a look lol

Regards







Craig


_________________

Jalokim
Designer
Designer

Age: 20
Number of posts: 184
Registration date: 2008-08-06
Computer Specs: HP Pavilion || Vista Home Premium SP1
Additional Specs: Athlon 64 X2 1,9Ghz ,GF 8400 GT, 2 MB, 250GB

Re: CSS - Different Result in IE & FF

Post by Jalokim on Sat Jun 06, 2009 12:24 pm

yeah testjal is IE , FF , opera and almost chrome proof. chrome has a small problem with the nav bar... but its done.
I have 3 CSS's functioning


_________________

ankillien
New User

Age: 20
Number of posts: 12
Registration date: 2009-06-01

Re: CSS - Different Result in IE & FF

Post by ankillien on Sat Jun 06, 2009 6:26 pm

Thanks for the explanation Jalokim Very Happy

So, the < !--[if IE]> fixes only for IE, then how do you fix bugs in other browsers like opera, chrome etc?

Placehold
TWS Manager
TWS Manager

Age: 25
Number of posts: 730
Registration date: 2008-04-15
Computer Specs: Windows Vista home premium :: Intel(R) Core(TM) Duo CPU
Additional Specs: T7250 @ 2.00GHz :: 4.00 GD RAM :: NVIDIA GeForce 8400M GT

Re: CSS - Different Result in IE & FF

Post by Placehold on Sat Jun 06, 2009 6:53 pm

Hey,

Thankfully there are some tricks we can use for those browsers,
If you have followed the steps so far then it wont be too bad to begin with however Safari and Chrome both use Webkit which is the processing kit that displays the codes for us via the browser.

Such tweaks for chrome will also work in Safari

Here's some examples:

/*\*/
html>body*.yourclass {padding:6px;font-size:13px;}
/**/



Additional classes can be added to the same section like so

/*\*/
html>body*.yourclass {padding:6px;font-size:13px;}
html>body*.yourborderclass {border-width:10px;}
html>body*.yourotherclass {padding:10px;}
/**/




Massive Grin

Regards







Craig


_________________
  • Post new topic
  • Reply to topic

Current date/time is Wed Mar 10, 2010 7:21 pm