IE Nightmare

[mahamageehad]

Hi im working on my first website at the moment. I'm using a mac so I've checked that it looks right in safari and firefox. In IE8 it's almost perfect bar a small line in the nav bar. However in IE 7 and lower it looks atrocious.

Is there an easy way to fix this??

I cant put up the address as its my first post

Thanks guys

 

[louie]

check padding and margins on the particular div.

 

[beanstalk]

There's a bit of a learning curve ahead of you to get familiar with coding sites to look consistent in IE browsers. Do a google search for 'IE workarounds' or 'IE hacks' to get started. Once you're familiar with a few tricks, its not too difficult to tame the beast! (actually, look up 'taming the IE beast' and you should find a pretty good article).

 

[UTD Web]

The major problems I had initially with ie6 and previous versions was padding, things have improved a good bit but there are still issues between both... most experienced html / css developers simply avoid the problems naturally.

What I generally do from a padding point of view is create an outer div of specified size, then create an inner div which will expand to 100% of the outer div and give that a padding, that way the content inside the inner div will pad naturally and consistently on most browsers.

The reason you must do something like this is because when you pad a div in ie it makes the div bigger where as in firefox and other browsers it shrinks the content of the div... so an 800px width div with padding of 20px would be 840px on ie, which can mess up formatting etc.

I know it's probably frowned upon but sometimes I still utilise tables for elements of a site because of their consistency between browser versions.

 

[Juice]

You could always do as Google are doing, and stop supporting IE6.

That doesn't solve your IE7 problem though.