Another css problem with IE

[ayok]

I don't understand what's happened with IE, it always show different result than other browsers.

 

In firefox and opera I got this result

This is good.

 

But I got this result in IE.

It's unacceptable.

 

This is the link to the website, and css file. Any help would be very much appreciated.

Thank you,

 

ayok

[haku]

Set the width of #navhead to be 100% in your CSS.

 

You have a major problem though - you have given multiple elements the same ID. IDs can only be used once. You need to change the ID names to Class names. This may also be your problem.

[ayok]

Thanks haku, it works.

 

Yeah I'm aware of those same id, but i haven't seen anyproblem with that. I'll try fo fix those after the website is finished.

 

Or you have any solution? because those div's are generated from php. I think there should be combination php and css, isn't it?

 

ayok

[haku]

In the PHP where those divs are generated, change 'id' to 'class'.

 

Then in your CSS, change '#' to '.'

[ayok]

Thanks haku I've generated a css.php file. So every div has different id.

 

But I still have a little problem with ie.

If u see the website in opera, the image on the header is align with the content.

(see the red lines).

 

But in ie, it's not. The image stay in the center.

 

I have centered the #header and attach a longer image, so that I can put the "R" outside the content's width. It works on firefox and opera, but not on IE. (css)

 

Damn I hate IE.

 

Thanks,

ayok

[haku]

Read this:

 

http://en.wikipedia.org/wiki/Conditional_comment

 

Use conditional comments to adjust your CSS in IE only. That way you can move the image over a few pixels if necessary.