URGENT: I hate IE. Help, please

Hi, please check my site on Firefox. That's how I'd like it to look.

http://www.digitalmusictracker.com

Now look at it on IE 6. The sidebar is shoved down by the main content area. What can I do about this?

Thanks a lot in advance

Chris

 

This is a common problem with IE as it calculates width of elements differently, so basically either the sidebar or the content area is too wide.

 

Alright but the funny thing is, if I have the sidebar floating right and the content area floating left (opposite of what you see now), I don't have this problem. Weird?

 

decrease sidebar width .

 

Look at it now. Decreasing the sidebar width fixes it in IE only. In Firefox the sidebar is now too narrow

 

this is the webdesigners nightmare, but a good designer should know what are the differences between browsers ( at least firefox and IE ) and thinking to this when designing, and to code in the way that will work for the both.

 

Alright so now I've got it right in IE but not in Firefox. Any other suggestions?

Thanks to those of you who've given me your input so far

 

Yes, now if only I knew a good designer who could give me a clue as to how to make this work for both browsers

 

set width by "%" . if you set width by "px" will have same problems .

test by "%" and say result here .

example : width="50px" to width="10%"

 

Thanks for the tip but it didn't work out.

I can't get them side by side with the percentages in Firefox, but even still it causes the same problem in IE.

 

Use IE conditional to override the width value for IE.

 

I tried that earlier with no luck. Could you tell me specifically how to do that? Perhaps I did something wrong.

Thanks

 

After:

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.digitalmusictracker.com/xmlrpc.php?rsd" />

HTML:

Add:

<!--[if IE]><style type="text/css">#side { width: whatever; } </style><![endif]-->

HTML:

 

Thanks so much. That works fine. I green repped everyone who replied to this thread

BTW, does anyone know if this hack worked on IE 7?

 

[if IE] means all IE browsers.

Have a look at:
http://www.quirksmode.org/css/condcom.html
To learn more about them, and how you can target specific IE versions if you want/need to.