[nick1200]

i think theres somthing wrong with my css file in firfox my site looks good just the way i want it but in ie it looks horriable the side bars etc are all over the place


stye.css

<style>

body { font-family: arial, helvetica, sans-serif;  font-size: 11px; color: 000000 }

BODY { SCROLLBAR-FACE-COLOR: #7e7e7e; FONT-SIZE: 8.5pt; SCROLLBAR-HIGHLIGHT-COLOR: #7e7e7e; SCROLLBAR-SHADOW-COLOR: #7e7e7e; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #7e7e7e; LINE-HEIGHT: 120%; SCROLLBAR-ARROW-COLOR: #03BBFF; SCROLLBAR-TRACK-COLOR: #7e7e7e; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; SCROLLBAR-DARKSHADOW-COLOR: #7e7e7e; SCROLLBAR-BASE-COLOR: #7e7e7e; TEXT-DECORATION: none }


td { font-family: arial, helvetica, sans-serif;  font-size: 11px; color: 777777 }

.mash { font-family: arial, helvetica, sans-serif;  font-size: 20px; color: 777777 }

p { font-family: arial, helvetica, sans-serif;  font-size: 11px; color: 77777 }

img { border: 0 }

a:link {color: 666666; border: 0px; font-family: arial, helvetica, sans-serif;  font-size: 11px; text-decoration: none}

a:visited {color: 666666;  font-family: arial, helvetica, sans-serif;  font-size: 11px; text-decoration: none}

a:active {color: 666666;  font-family: arial, helvetica, sans-serif;  font-size: 11px; text-decoration: none}

A:hover {text-decoration: none;  font-family:arial, helvetica, sans-serif;  font-size: 11px;color: #03BBFF}



</style>

my sites www.pokemontoxic.net if any 1 wants to check what its like

This post has been edited by nick1200: 26 September 2009 - 07:10 AM

[Christopher Elison]

I don't think it's your CSS file, I recommend using a doctype and validating your HTML and then fixing the errors which may help, also have a look at using a CSS framework such as Blueprint, which will greatly improve cross-browser compatibility of your site.

[nick1200]

Christopher Elison, on 26 Sep, 2009 - 06:11 AM, said:

I don't think it's your CSS file, I recommend using a doctype and validating your HTML and then fixing the errors which may help, also have a look at using a CSS framework such as Blueprint, which will greatly improve cross-browser compatibility of your site.

how does Blueprint, work ?

[Christopher Elison]

Well, its main selling point is its reset feature which gets rid of (or tries to) any nasty inconsistencies with margins and padding of elements. It also works on a grid system so you can position stuff while being confident it'll display the same on pretty much any browser you use.

But I think the main thing you need to do is try and get your HTML to validate first of all.

[nick1200]

Christopher Elison, on 26 Sep, 2009 - 06:21 AM, said:

Well, its main selling point is its reset feature which gets rid of (or tries to) any nasty inconsistencies with margins and padding of elements. It also works on a grid system so you can position stuff while being confident it'll display the same on pretty much any browser you use.

But I think the main thing you need to do is try and get your HTML to validate first of all.

by using a doctype ?

[Christopher Elison]

Well, yeah that's your first important step, put in a doctype, then you can run your page through the HTML validator and see what errors it comes up with.