In ie6 my html is looking different from other browsers

I had designed a page using html with css support which is looking different in internet explorer 6 from ie7 and other browsers. why is this?

 

ie6 is very buggy and never used "true" css. This can be fixed using css hacks such as *html. I have to do this on almost all the sites I design to ensure ie6 users see the sites the way i design them.

Example:
.header{width:200px}
*html .header{width:190px}

 

Of all the despised IE browsers, IE6 is the most hated for its multitude of bugs, quirks and non-standard behavior. Worst of all, IE6 does not work like IE7 which doesn't work like IE7 compatibility mode which doesn't work like IE8.

 

I think 5.5 was the worst, but thankfully we don't have to design to that anymore.

 

OMG I know about IE6, but actually if you want to site display good on IE6.
Number 1. Don't use PNG images.
Number 2. Create special CSS files for IE6
Separate your HTML layout and let the CSS handle all the Layout.

 

You're right but the two guys who still use it, one just died and the other rarely gets online anymore.

 

One of the most common IE6 css is bugs is the doubling of padding or margins when floating an element. However, it is very simple to fix this just add display:inline; to the floated element.

I don't know if that helps because you didn't say what was displaying improperly. IE in general is the devil, but IE6 especially so.

 

IE6 is 8+ years old. I would look at integrating Google Chrome Frame which auto detects older versions of IE and has them install a plugin so the pages are rendered with the Chrome engine. It's the only way we as webmasters can get rid of the plague that is IE6.

 

Every version of Internet Explorer that comes out looks different than the rest. Internet Explorer 7 and 8 are starting to render things better and looking more accurate, like Firefox. Most websites do not fully support Internet Explorer 6 anymore. Personally I do not support Internet Explorer 6 for any of the sites I develop anymore.

 

I'm not an expert but in order to get your page to work well in IE, you need to reset your styles, have valid HTML (or else it goes in quirks mode or something) and don't use padding or margins for positioning (as I did). Hope that this helps.

 

You check on firefox because many good design doesnt load on IE. IE just sucks. By the way if you need any premium made CSS template, please PM me. I have collection of 1k premium template, premium wp themes etc.

 

even that all IE browsers are available for free to download and use, many people dont bother to upgrade their browsers. they still stick to those IE 6.

i dont know why.

Microsoft should make it mandatory for all pc users to upgrade the browsers everytime on new release.

vineet

 

you have to write different css for i6 and i7 to show same as other browsers.If you want to know more contact me.

 

contact me

 

use outline css...
assign the width nd height in '%' values///..

 

IE 6 has many bug in CSS code, i also often having a problem like you. you can try IE8, many bugs has fix on there

 

For IE6 use _ sign.
For IE7 use * sign.

- Example:

.style{
_padding:10px; /*For IE6*/
*padding:8px; /*For IE7*/
padding:5px; /*For other browsers*/
}

Code (markup):

Best Regards,
Mohammad
www.ehome-jo.com