How do i change the css to work for both browsers

Question

i have a website with productpages and just found out that it looks really different between chrome and Internet explorer. Example page: Website In IE the images are really large. Now if i change CSS it will also change on chrome where it looks like how i want it.

Thanks for your time,

Sjoerd

score 1 · Answer 1 · answered Jun 15 '17 at 13:19

1

I believe that you can set a CSS for IE only

<!--[if IE]>
    <link rel="stylesheet" href="ieCSS.css" />
<![endif]-->

Also refer to this link How to target only IE (any version) within a stylesheet?

answered Jun 15 '17 at 13:19

Mon Pinoliad

67
1
2
11

Will use this in future when making websites because never knew that some of these stylesheets looked different on IE. – Sjoerd89 Jun 15 '17 at 15:03

score 1 · Accepted Answer · answered Jun 15 '17 at 13:23

1

you need to set max-width on the image. But use pixels, not percentage!

.thumbnail.alignleft > img {
    width: 100%;
    max-width: 116px;
}

answered Jun 15 '17 at 13:23

Grasper

1,293
12
26

score 0 · Answer 3 · answered Jun 15 '17 at 15:04

0

I used .thumbnail.alignleft > img { width: 100%; max-width: 116px; }

Not sure why someone downvoted my question for no reason but for the people that are here on this site to actually help people thanks!

answered Jun 15 '17 at 15:04

Sjoerd89

195
1
1
14

you don't normally answer your own question. Also, you need to check my answer as the correct one. Thanks – Grasper Jun 15 '17 at 15:08

How do i change the css to work for both browsers

3 Answers3