Problems in IE

[JoshuaH]

Hi,
I don't have much experience in css coding and I am building my first site, it is going OK but I am having a lot of trouble getting IE to render it the same as chrome or firefox.

Can anyone tell me what kind of code gives most problems in IE and what I can do about it?

(for example a header on my site was set to height:100px, it looked good on all browsers, but when I added a login form inside the header, IE goes nuts and the header takes in like half the page.)

I hope someone can help,
Joshua

 

[anna]

Hi,
I don't have much experience in css coding and I am building my first site, it is going OK but I am having a lot of trouble getting IE to render it the same as chrome or firefox.

Can anyone tell me what kind of code gives most problems in IE and what I can do about it?

(for example a header on my site was set to height:100px, it looked good on all browsers, but when I added a login form inside the header, IE goes nuts and the header takes in like half the page.)

I hope someone can help,
Joshua

*sigh* the trials and tribulations of IE...

IE does not render CSS/HTML rules the same way as every other compliant browser. I would suggest using conditional comments to make an external stylesheet and linking your pages to that. i.e. (no pun intended)

<!--[if lte IE 8 ]>
<link href="/Styles/IE78stylesheet.css" rel="stylesheet" type="text/css">
<![endif]-->

Let me know if you need additional help!

 

[JoshuaH]

Thank you for your reply,
that could indeed be a solution but it doesn't really feel good, making different sheets for different browsers..

 

[CaldwellYSR]

Thank you for your reply,
that could indeed be a solution but it doesn't really feel good, making different sheets for different browsers..

I agree whole heartedly... It feels crappy! Microsoft apparently wants designer to feel crappy because the feel the need (felt... w/e) to not comply to standards and be different from every other browser out there. That being said.... because Microsoft sucks in every way.... this is what we have to do.

 

[Phreaddee]

well generally speaking if its simple tidy code, you dont normally need too much to get IE to work, so 9/10 times you wont actually use a separate css, however if you are trying something that IE does not support, you need to code a fallback in your css. if you dont like what this looks like in one css file, create a separate one just for IE.

but personally I prefer to stay away from conditionals as much as possible.

 

[anna]

well generally speaking if its simple tidy code, you dont normally need too much to get IE to work, so 9/10 times you wont actually use a separate css, however if you are trying something that IE does not support, you need to code a fallback in your css. if you dont like what this looks like in one css file, create a separate one just for IE.

but personally I prefer to stay away from conditionals as much as possible.

Pure educational question, here, Phreaddee, but I'm curious as to why you stay away from conditionals?