Different outcomes in IE / FF?

[PicoDeath]

http://www.gtainformer.com/

I've started to make my layout CSS, I first started with the left & right navigations, now in firefox they work fine, but in IE there either to small or two big?

http://www.gtainformer.com/style.css

.navigation {
width:112px;
border: 1px solid #000000;
border-top: none;
padding:3px;
text-align:left;
background: #b3b3b3;
}

I had the width one 120px, that made it work in IE but not FF.

[moojoo]

conditional comments are your friend here. It is good practice to make a stylesheet just for "IE Hacks" as IE is a stinky head. FF and IE interpret things differently, so to FF the values are correct, to IE and its retardedness it reads it and incorrectly outputs it.

[PicoDeath]

How would i do that? Is there any place i can learn it?

[moojoo]

http://www.javascriptkit.com/howto/cc2.shtml

So something like:
<!--[if IE]>
<style type=""text/css">
.navigation {
width:200px;
border: 1px solid #000000;
border-top: none;
padding:3px;
text-align:left;
background: #b3b3b3;
}
</style>
<![endif]-->

Or you could link to another external style sheet etc..

[PicoDeath]

Thanks!

[PicoDeath]

Ok, one last thing and i think i could do everything else myself, in FF the menus are fine, in IE theres a little break between the navigation links and the image...

[moojoo]

Doesn't look that bad, just set the background of the div to the same color and it should hide it.

[PicoDeath]

It already is i think, but there's a tiny space, could this be padding or something?

[ukgeoff]

Just had a look at your site - lot going on. Some quite cool stuff too like where you have the little images blending in behind the menu blocks.

I understand you are just getting going with the css and I hope that as part of converting your page you are going to get rid of all those table structures used for layout purposes.

Your page does not validate at the moment. My developer extentions in Firefox are showing errors by the shed load. The W3C validator could not validate the page at all because it was making assumptions that proved false.

This was because you don't have a DOCTYPE at the start of your code. Fix this first as errors can have a cascade effect.

[PicoDeath]

Where can i find the doctype code? I don't know it off by heart, also i'm living in cornwall too, where abouts are you? I'm just near threemilestone & go to Truro College.

[ukgeoff]

Have a look here:
http://www.w3schools.com/tags/tag_doctype.asp

You should be thinking of using xhtml either strict or transitional.

I'm in Saltash.

[PicoDeath]

Heh, when i done that most of the site had spaces below everything, like the tables and such. Probably because it's not valid and thats how you spot the errors(IDK), also it made it all bold, I'm going to make as much as i can CSS then make it all valid, also alot of the tables are from cutenews.