...

View Full Version : Site messed up at Firefox



ssskaya
02-04-2005, 04:54 PM
The body of my site looks totally messed up when viewed with firefox 1.0.

Can you please take a look at it and tell me what the problem is.

Thanks!

The site is located here (http://www.fiscalstudy.com).

Puffin the Erb
02-04-2005, 08:25 PM
Firefox follows the standard more strictly than Internet Explorer.

Best to run your page through the validator at http://validator.w3.org/ - you will find there are several errors you need to address before attempting to get the layout you are after.

rmedek
02-04-2005, 09:07 PM
Hi there,

The image that's in the header has been given an attribute of "align='left'." The table that follows it still has room on the right, so it begins on the right side of the image rather than jumping below.

The reason why this happens is because the image is inside a link-- the <a> tag, which is inline. Add "display: block;" to the "a" selector in the CSS and it should line up.

Hope this helps,

ssskaya
02-04-2005, 09:45 PM
I modified it as: <a style="display:block"

But the problem persists... :(

rmedek
02-04-2005, 09:54 PM
In your stylesheet:

#header a {display: block;}

It works. I just tested it.

On second thought... it's working because it adds "display: block" to the links on the right as well, pushing the table down below the image. If the image was taller it wouldn't work. I'm an idiot :D

I'm still thinking align="left" is the culprit here, maybe you should remove that and position it via css (perhaps float it, then clear the float after the links)

ssskaya
02-04-2005, 10:23 PM
I have other <a tags in the same <div, and I want them to stay inline.

Therefore I wanted to make it a

#header a.main{display:block} (in the CSS)

and

<a class="main" (in the HTML)

But it didn't work.

Can you please tell me how I can do it?

Thanks.

rmedek
02-04-2005, 11:11 PM
You must be more descriptive.

What doesn't work?

What specifically is the problem?

If it's because the table is appearing to the right of the image, you need to change "align="left"" on the image as I stated earlier, and find another way to position it.

If that's not the problem you must explain what the problem is.

ssskaya
02-05-2005, 08:02 AM
Solved it with:

<div style="display:block">


Thanks!

------------
by the way: firefox seems to have a different mentality when it comes to inheritance.

For example, in your css script, if h1 says color:#000, and h1.class says color:#FFF; even though you have a class attribute in the html script, it goes with #000 - unlike IE.

Does this have anything to do with W3C standarts?

rmedek
02-05-2005, 08:38 AM
by the way: firefox seems to have a different mentality when it comes to inheritance.

For example, in your css script, if h1 says color:#000, and h1.class says color:#FFF; even though you have a class attribute in the html script, it goes with #000 - unlike IE.

Does this have anything to do with W3C standarts?
That sounds wrong, actually... a header with a class should override a header without one. Are you using a proper doctype, markup, etc? (Maybe validation?)

Maybe IE's respecting the class attribute because it has no class of its own. Hahahahah ha erh.. I kill myself...

chilipie
02-05-2005, 11:38 AM
Maybe IE's respecting the class attribute because it has no class of its own. Hahahahah ha erh.. I kill myself...
...and the little people of CodingForums lived happily ever after. :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum