My website doesn't look the same with FF and IE7

[lulu62]

Hello, I'm quite new about web-design and I'm having a problem with my website and IE7 :

http://nitsol.net

The website is looking ok with IE6 and Firefox but if you look at it with IE7 you will see that there is a space between the content and the menu bar and I want to remove that. I tried already to change some values in the style sheet file but doing that also change how it looks with Firefox. Now I'm getting stack that's why i'm asking for your help.

Thx in advance.

 

[nothing_possible]

i think u cant remove it.just let it as is.there is problem in different versions i also tried many things with my website and i m facing same issues

 

[Albino]

of course you will be able to remove it, it just depends on how you made the site as to how easy it is.

post up the css and html of that section, and I'll see if I can help

 

[Maurizio1230]

Hi all,

My site have the same problem: it doesn't look the same with Firefox and Internet Explorer. But all my users use firefox or opera on linux.

Bye Maurizio1230

 

[Albino]

Maurizio, how can you post that?

what with the majority of web users using internet explorer...

never just design a site for one browser!

 

[lulu62]

of course you will be able to remove it, it just depends on how you made the site as to how easy it is.

post up the css and html of that section, and I'll see if I can help

Here it is for the css : http://nitsol.net/screenstyle.css and for the html i think you can easily display the code of my index.html in your browser.

 

[I-Got-IT!]

Firstly, I'd like to commend that your web design is really cool and I'm viewing it with IE7 now, I guess you might want to stick to it since there ain't much problem viewing it?

But if you'd like to remove the little gap in between your content and the menu bar, you might want to do this:

<div style="position: absolute; overflow: auto; left: xx; width: xx; top: xx; height: 30; border: #px solid #FFFFFF" id="div id">

Replace xx and position it manually.

Hope this helps.

Good luck.

 

[gotlinks]

I have a rule of thumb, build your site while viewing in firefox, if it looks good their it looks good in all other browsers

 

[Albino]

bad rule imo

just because it looks good in firefox (a very leiniant browser), doesnt mean it'll look good in less capable browsers.

ie and ff have so many differences, it can quite easily look fine in ff, but really messy in ie.

 

[gotlinks]

If it looks good in FF it looks good in IE, you should always make sure your page is W3C compliant anyhow, that will generally fix any and all problems

 

[Albino]

if it looks good in firefox, it looks good in ie?

I dont mean to be rude, but it really doesn't..

 

[gotlinks]

In my expirience, 8+ years it always has, I guess it could just be my computer couldnt iut

 

[mybestsong.com]

I tried to solve that problem with years but unfeortunately I didn't. I don't know how can be solved... It be helpful is someone knows and explain here.

 

[gotlinks]

If you use what I said, atleast 95% of the time it would come out right... But whatever

 

[enlytend]

you should always make sure your page is W3C compliant anyhow, that will generally fix any and all problems

Very true.

Different browsers do weird things if the HTML and/or CSS code is invalid. To check your html (for anyone who doesn't already know this) go to http://validator.w3.org/ and enter your page URL. If you get a huge list of errors, don't panic - fixing a just few things often clears them all. Some common mistakes are:

• Tags that aren't closed - for example: <p> without a matching </p>
• Tags closed out of order - Always close the tag you opened most recently first.
• Tags closed improperly - like using <br /> on an html document or <br> in xhtml
• Using UPPER CASE tags in an xhtml document

Speaking of doctypes, another cause of cross-browser problems is quirks mode. Quirks mode means that through your doctype (or lack of one) you've told browsers to step back to "legacy" type rendering of your page. Nothing *wrong* with that, but you'll have to put in a bunch of cross-browser css hacks to make up for it.

Those 2 things account for most of the really BAD cross-browser display problems, getting a page "pixel perfect" in all browsers is another matter...

 

[jakedavis07]

Very true.

Different browsers do weird things if the HTML and/or CSS code is invalid. To check your html (for anyone who doesn't already know this) go to http://validator.w3.org/ and enter your page URL. If you get a huge list of errors, don't panic - fixing a just few things often clears them all. Some common mistakes are:

• Tags that aren't closed - for example: <p> without a matching </p>
• Tags closed out of order - Always close the tag you opened most recently first.
• Tags closed improperly - like using <br /> on an html document or <br> in xhtml
• Using UPPER CASE tags in an xhtml document

Speaking of doctypes, another cause of cross-browser problems is quirks mode. Quirks mode means that through your doctype (or lack of one) you've told browsers to step back to "legacy" type rendering of your page. Nothing *wrong* with that, but you'll have to put in a bunch of cross-browser css hacks to make up for it.

Those 2 things account for most of the really BAD cross-browser display problems, getting a page "pixel perfect" in all browsers is another matter...

hit the nail on the head :D