5 Replies - 655 Views - Last Post: 26 September 2009 - 07:37 AM

#1 nick1200  Icon User is offline

  • Php Coder
  • member icon

Reputation: -19
  • View blog
  • Posts: 922
  • Joined: 21-March 09

Site looks horrible in ie

Post icon  Posted 26 September 2009 - 07:06 AM

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 :blink:

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


Is This A Good Question/Topic? 0
  • +

Replies To: Site looks horrible in ie

#2 Christopher Elison  Icon User is offline

  • D.I.C Head

Reputation: 39
  • View blog
  • Posts: 230
  • Joined: 29-December 08

Re: Site looks horrible in ie

Posted 26 September 2009 - 07:11 AM

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.
Was This Post Helpful? 0
  • +
  • -

#3 nick1200  Icon User is offline

  • Php Coder
  • member icon

Reputation: -19
  • View blog
  • Posts: 922
  • Joined: 21-March 09

Re: Site looks horrible in ie

Posted 26 September 2009 - 07:13 AM

View PostChristopher 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 ?
Was This Post Helpful? 0
  • +
  • -

#4 Christopher Elison  Icon User is offline

  • D.I.C Head

Reputation: 39
  • View blog
  • Posts: 230
  • Joined: 29-December 08

Re: Site looks horrible in ie

Posted 26 September 2009 - 07:21 AM

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.
Was This Post Helpful? 0
  • +
  • -

#5 nick1200  Icon User is offline

  • Php Coder
  • member icon

Reputation: -19
  • View blog
  • Posts: 922
  • Joined: 21-March 09

Re: Site looks horrible in ie

Posted 26 September 2009 - 07:35 AM

View PostChristopher 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 ?
Was This Post Helpful? 0
  • +
  • -

#6 Christopher Elison  Icon User is offline

  • D.I.C Head

Reputation: 39
  • View blog
  • Posts: 230
  • Joined: 29-December 08

Re: Site looks horrible in ie

Posted 26 September 2009 - 07:37 AM

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.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1