FireFox problem.

They have: 5,633 posts

Joined: Jan 1970

If I view my site on FireFox it looks horrible but if I use internet explorer it looks fine. What can I do to fix it?

http://www.dustincercado.com

He has: 1,758 posts

Joined: Jul 2002

Firstly... It's probably not a problem with Firefox.

Firefox renders pages correctly, It's IE that makes the foul ups. What you've done is create a site that compensates for the problems in IE and as such screwed up.

The problem appears to be related to the differences in the way the two browsers render the box model. Search for Box Model hack on Google for more info.

Andy

AyntRyte's picture

He has: 145 posts

Joined: Jun 2004

I think it was someone on this very board who advised: Write your pages for FF, tweak them for IE. Very good advise. Live by it Smiling

Have you run your pages through a validator? Or use an editor (like HTMLkit) that has w3 validation built in.

\\// Robert

The grass is always greener on the other side -- but that's because they use more manure.

He has: 152 posts

Joined: Jun 2004

well how do u fix on firefox that when you hover over a link the whole text turns that color

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Can you show us a page that does that, fusioncroc?

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Its CSS right?:

<style type="text/css">
<!--
a {
color:#000;
}
a:hover {
color:#f00;
}
-->
</style>
'

It goes in the section.

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Renegade wrote: Its CSS right?:

<style type="text/css">
<!--
a {
color:#000;
}
a:hover {
color:#f00;
}
-->
</style>
'

It goes in the section.

I don't think he means how to get link hovers. I believe that sometimes, when there is invalid code, whole blocks of text near links inherit hover behaviour which is supposed to apply only to the link. I'm not certain of this -- it might help to see some code first.

He has: 152 posts

Joined: Jun 2004

ok i'll get some code from my site

He has: 152 posts

Joined: Jun 2004

Fusion Croc: Index : WebHosting / WebDesign In The Uk

FusionCroc.ComWebHostingAndWebdesign

Home

WebHosting

WebDesign

Support

Testmonials

ContactUs

Backround:

We have been providing web hosting solutions since 2000. At the time our company did not provide hosting services so we were forced to refer our clients to non affiliated companies. The level of service that our clients received horrified us. In 2001 we began offering a superior hosting service to our clients. The support and reliability we offer has proven to be the key factor in our ability to be a competitive force in the ever growing hosting market.

Our Network:

Our datacenter is located in Houston, Texas and is staffed 24/7/365. There are multiple OC48 SONET fiber rings that provide basic connectivity to eight access carriers. The datacenter is completely redundant, including a 2200 gallon backup diesel generator. There are over 580 smoke detectors throughout the 35,000 square foot facility, with a VESDA contaminate system.

We also have a data center in Docklands In London.
With 4 OC96 SONET fiber rings and is staffed 24/7/365 ,

Guarantee:

Your site will have a 99.9999% uptime. If we fail to deliver we will refund you!

Copyright 2004 FusionCroc All Rights Reserved. SiteMap

He has: 152 posts

Joined: Jun 2004

body , td , center , p , div {
font-family : tahoma;
font-size : 11px;
color : #fff;
background : #333;
}
h1 , h2 , h3 , h4 {
font-family : tahoma;
color : #fff;
}
A:link {
color : #fff;
}
A:visited {
color : #fff;
}
A:hover {
text-decoration : underline;
color : #990000;
}
.linkTable {
padding-left : 5px;
}

He has: 152 posts

Joined: Jun 2004

i think it might be fixed no because i edited the code to this

Valid CSS information
body , td , center , p , div {
font-family : tahoma, arial, sans serif, timesnewroman;
font-size : 11px;
color : #fff;
background : #333;
}
h1 , h2 , h3 , h4 {
font-family : tahoma, arial, sans serif, timesnewroman;
color : #fff;
}
A:link {
color : #fff;
}
A:visited {
color : #fff;
}
A:hover {
color : #990000;
}
.linkTable {
padding-left : 5px;
}

before some things we'rent validated

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

don't forget a generic font-family -- serif or non-serif usually.

He has: 152 posts

Joined: Jun 2004

ok thx

He has: 152 posts

Joined: Jun 2004

this is the code now for the style sheet

body, td, center, p , div {font-family: tahoma , arial , sans serif , serif ; font-size: 11px; color: #FFF ; background: #333;}

h1,h2,h3,h4 { font-family: tahoma , arial , sans serif , serif; color: #FFF ; }
A:link {
color:#FFF;
}
A:visited {
color:#FFF;
}
A:hover {
color:#990000;
}
.linkTable
{
PADDING-LEFT: 5px
}

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.