ayok Posted February 27, 2008 Share Posted February 27, 2008 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 Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/ Share on other sites More sharing options...
haku Posted February 27, 2008 Share Posted February 27, 2008 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. Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/#findComment-477860 Share on other sites More sharing options...
ayok Posted February 27, 2008 Author Share Posted February 27, 2008 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 Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/#findComment-477871 Share on other sites More sharing options...
haku Posted February 27, 2008 Share Posted February 27, 2008 In the PHP where those divs are generated, change 'id' to 'class'. Then in your CSS, change '#' to '.' Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/#findComment-477929 Share on other sites More sharing options...
ayok Posted February 28, 2008 Author Share Posted February 28, 2008 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 Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/#findComment-478944 Share on other sites More sharing options...
haku Posted February 28, 2008 Share Posted February 28, 2008 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. Link to comment https://forums.phpfreaks.com/topic/93296-another-css-problem-with-ie/#findComment-478970 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.