FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Firefox | IE Error

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


Ben
Hello,

I have been troubled with an issue for some time now. If you take a look at
http://initial-solutions.com/index.php ...

In Firefox there is a space of about 10px in between the menu and the rest of the content.

However, in Internet Explorer this space does not exist, and this is how I prefer it.

However, I cannot understand why this space is there in Firefox.

Can anybody possibly tell?

Thanks Smile
simplyw00x
I might humbly suggest that in order to properly analyse this problem, a semblence of cross-browser (valid W3C) HTML would be an asset. Yours is hell to read, and I don't understand why you've done some things.

You can try setting a negative top margin on the main content, then using the following CSS to correct it in IE:
Code:
* html .class #id{
   margin-top: 0;
}


(where id class etc is your item. * html is the important bit)
Ben
Quote:
I might humbly suggest that in order to properly analyse this problem, a semblence of cross-browser (valid W3C) HTML would be an asset. Yours is hell to read, and I don't understand why you've done some things.

Yeah - it is because it is a template. I always get them badly coded, and I was half way through 'converting' it when you must have seen it.

After adding the margin-top: -13px; the problem has been fixed in firefox but now it is bad in internet explorer. IE does not seemed to have picked up the class, and now shows the content 13px up into the menu.


Edit
I've now managed to sort this out using IE conditional comments in the style sheets.
Thanks for your help!
kv
Quote:
I've now managed to sort this out using IE conditional comments in the style sheets.


I was wondering when conditions became part of css. Then I realized. It is the IE HACK!! Very Happy
Gundamxxg
I was looking at your site, I frequently run across this same problem, but while looking at it I noticed that there is now about a 6px gap in the bottom border of the inner content area as well as about a 1-2px gap in the top between the menu and content. I will go look through my codes and post some of what I have to give you an idea or something, maybe to help that along.
timerecords
I've got somekind of same problem.
My site is: "http://home.deds.nl/~timerecords/Home.html"
In FireFox it looks great to my opinion but in IE it looks very bad, the middle square isn't nice in the middle like it has to be.


Hope someone can help me with this strange thing.

Greetz,
Time Records
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.