Web Design Forum: Firefox Issue - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Firefox Issue

#1 User is offline   emms 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 525
  • Joined: 01-April 09
  • Reputation: 1
  • Gender:Female
  • Location:Belfast, Northern Ireland
  • Experience:Intermediate
  • Area of Expertise:Entrepreneur

Posted 07 April 2009 - 06:13 PM

Hi,

I'm having difficulty with the footer of my site in Firefox, it works fine in IE

Does anyong know code that I could stick into my css file so that it will onlye execute if the browser is firefox

Thanks,
0

#2 User is offline   Guezala 

  • Not an expert, just talk a lot...
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,504
  • Joined: 28-August 08
  • Reputation: 11
  • Gender:Female
  • Location:Midlands
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 07 April 2009 - 06:16 PM

Chances are if firefox is doing it there maybe another problem... might be worth checking validation. Could you post some code? Someone here may be able to tell you why this is happening then.

There are things called conditionals you can use for css but i think they are just for ie??

Just seen your link at the bottom; sorry!

A few errors with your css; http://jigsaw.w3.org/css-validator/validat...mmasmyth.com%2F

and html: http://validator.w3.org/check?verbose=1&am...mmasmyth.com%2F

Have a fiddle with those; browsers can go into a 'quirks' mode when there are problems with the code.
0

#3 User is offline   Guezala 

  • Not an expert, just talk a lot...
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,504
  • Joined: 28-August 08
  • Reputation: 11
  • Gender:Female
  • Location:Midlands
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 07 April 2009 - 06:28 PM

Looking at the css for your footer, you have no width for it, no margins and no padding. Try auto margins for left and right or add a width maybe.

Dunno if this helps; my brain is a bit pants today but let me know if you are still struggling and i'll try and help :)
0

#4 User is offline   emms 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 525
  • Joined: 01-April 09
  • Reputation: 1
  • Gender:Female
  • Location:Belfast, Northern Ireland
  • Experience:Intermediate
  • Area of Expertise:Entrepreneur

Posted 07 April 2009 - 06:39 PM

View PostGuezala, on Apr 7 2009, 19:16, said:

Chances are if firefox is doing it there maybe another problem... might be worth checking validation. Could you post some code? Someone here may be able to tell you why this is happening then.

There are things called conditionals you can use for css but i think they are just for ie??

Just seen your link at the bottom; sorry!

A few errors with your css; http://jigsaw.w3.org/css-validator/validat...mmasmyth.com%2F

and html: http://validator.w3.org/check?verbose=1&am...mmasmyth.com%2F

Have a fiddle with those; browsers can go into a 'quirks' mode when there are problems with the code.



Hiya,

Thanks for the reply, I fixed it in FF, its weird but it worked, I put the footer code at the top of my css file instead of at the bottom, puzzled but glad I tried it out
0

#5 User is offline   emms 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 525
  • Joined: 01-April 09
  • Reputation: 1
  • Gender:Female
  • Location:Belfast, Northern Ireland
  • Experience:Intermediate
  • Area of Expertise:Entrepreneur

Posted 07 April 2009 - 06:40 PM

View Postemms, on Apr 7 2009, 19:39, said:

Hiya,

Thanks for the reply, I fixed it in FF, its weird but it worked, I put the footer code at the top of my css file instead of at the bottom, puzzled but glad I tried it out


Thanks Guezala also, I did try all that but it looked different in FF and then IE was all over the place, but seemed to have sorted it out now
0

#6 User is offline   bensd 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 51
  • Joined: 13-April 08
  • Reputation: 0
  • Location:Wiltshire, UK
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 07 April 2009 - 06:56 PM

View Postemms, on Apr 7 2009, 19:40, said:

Thanks Guezala also, I did try all that but it looked different in FF and then IE was all over the place, but seemed to have sorted it out now

Just a tip, always code for firefox and then find the fixes/hacks for IE. It is a lot easier doing it this way round.
0

#7 User is offline   emms 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 525
  • Joined: 01-April 09
  • Reputation: 1
  • Gender:Female
  • Location:Belfast, Northern Ireland
  • Experience:Intermediate
  • Area of Expertise:Entrepreneur

Posted 07 April 2009 - 06:57 PM

View Postemms, on Apr 7 2009, 19:40, said:

Thanks Guezala also, I did try all that but it looked different in FF and then IE was all over the place, but seemed to have sorted it out now


But, now I have to validate it so having sorta same issue, but at least this time, its doing the same thing in IE and FF, working on it ;)
0

#8 User is offline   Drewster 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 167
  • Joined: 29-March 09
  • Reputation: 1
  • Gender:Male
  • Location:Netherlands
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 07 April 2009 - 07:59 PM

Having css that only Firefox will see isn't possible, but the other way around is, use conditional comments. With conditional comments you can add html that only is visible to IE, you can even specify a version. "But I want browser specific css commands" you say, easy just put a link to a style sheet in a conditional comment and only the IE versions you want will be able to see it B) .
<!--[if IE 6]>
<link rel="stylesheet" href="IE6-style.css" type="text/css">
<![endif]-->

0

#9 User is offline   emms 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 525
  • Joined: 01-April 09
  • Reputation: 1
  • Gender:Female
  • Location:Belfast, Northern Ireland
  • Experience:Intermediate
  • Area of Expertise:Entrepreneur

  Posted 07 April 2009 - 08:33 PM

View PostDrewster, on Apr 7 2009, 20:59, said:

Having css that only Firefox will see isn't possible, but the other way around is, use conditional comments. With conditional comments you can add html that only is visible to IE, you can even specify a version. "But I want browser specific css commands" you say, easy just put a link to a style sheet in a conditional comment and only the IE versions you want will be able to see it B) .
<!--[if IE 6]>
<link rel="stylesheet" href="IE6-style.css" type="text/css">
<![endif]-->


Heya,

Cheers, wasn't too sure of the syntax
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users