Member Avatar for asif49

I'm trying to make my website compatible with internet explorer. I've been thinking of making it compatible for IE and then Firefox and then I'll be good. It works for google chrome but there's some very very annoying little things which the new IE does.

The images look much bigger and gayer (sorry, couldn't find a more technical term for IE). The width is extended too for some reason. Now if I change it to look normal for internet explorer then it looks too small for google chrome. Most other things I've managed to find a loophole around and modified the same css to display things correctly on both browsers but for this I can't figure out anything.

I don't know if this would be helpful but this is how I display the picture...
.div_class {
margin-left:1.8%;
background-image:url('./images/bottom.jpg');
background-repeat: repeat-y;
}

Edited by asif49 because: n/a
  • 3 Contributors
  • 5 Replies
  • 135 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by asif49

Dani AI

Generated

For the symptom described by (images appearing larger in IE and containers expanding), a few targeted checks usually finds the culprit faster than broad searching.

First things to verify: the page is running in standards mode and IE is using the modern rendering engine. These two lines belong at the top of the document head:

<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Next, use the IE/Edge developer tools (F12) to check the Document Mode and the computed styles for the image and its parent. Common causes are quirks-mode sizing, differing box-model calculations, parent widths or padding being interpreted differently, or CSS that lets the image scale unexpectedly. A few defensive rules that avoid many cross-browser sizing surprises:

* { box-sizing: border-box; }

img { max-width: 100%; height: auto; display: block; }

If the graphic is a CSS background, remember older IE versions handle background-size differently (or not at all). Either set explicit container dimensions, use background-size where supported, or switch to an actual <img> if precise scaling is needed. Color differences can come from embedded color profiles—export assets to sRGB to reduce variation.

As noted, lots of IE quirks exist; as suggested, sharing the minimal HTML head, the container markup, a screenshot of the computed styles, and the original image file (or its export settings) makes diagnosis straightforward. Useful references: Quirks Mode and Standards Mode, , and box-sizing.

Recommended Answers

All 5 Replies

Member Avatar for asif49

No replies so far.... Does that mean there is no resolve to this?

Member Avatar for chrishea

I don't know of any one place that has a list of the issues associated with IE and it's differences from all the other browsers. If you follow the link below you will get a bunch of references for different IE problems (and probably some solutions). You can refine the search for your specific problem(s) and you may come up with something.
http://www.google.ca/search?aq=f&sourceid=chrome&ie=UTF-8&q=ie+incompatibility+list#sclient=psy&hl=en&source=hp&q=internet+explorer+vs+firefox+developer+issues&pbx=1&oq=internet+explorer+vs+firefox+developer+issues&aq=f&aqi=&aql=&gs_sm=e&gs_upl=616l5358l2l5604l16l15l0l0l0l0l236l2161l4.9.2l15l0&bav=on.2,or.r_gc.r_pw.&fp=f180e3c23bdef79c&biw=1180&bih=647

There is some sort of resolution for everything you just have to look hard enough until you find it.

Edited by chrishea because: n/a
Member Avatar for asif49

Thanks, I wasn't able to find anything from several google searches that's why I asked here. If someone knows a specific method of getting around this problem it would be great!

Member Avatar for vidjin

IE is a nightmare these days... Chrome works wonderfully...

I think it's better if you share your HTML code and also a screenshot, that will help in identifying the real problem. Only the CSS doesn't really tell much about the issue.

Member Avatar for asif49

Yes, I hope IE becomes the new Altavista and totally dissapears. I have found other ways and sorted most of the stuff out now though. Thanks anyway vidjin and chrishea^^ :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.