Hello, I am a CSS beginner currently working as an intern. My task is to make a website's CSS compatible with Internet Explorer, and then make it responsive and scalable. Essentially, the design should retain its appearance when the window size changes - just adjusting accordingly. I have successfully adapted the CSS for IE, but the examples I find only seem to work in Chrome and Firefox, not IE.
Can anyone provide guidance on where to begin with this?
html, body {
background: none repeat scroll 0 0 #8FAE9F;
font-family: Trebuchet MS;
font-size: 27px;
font-weight: bold;
height: 99%;
margin: 0 auto;
padding: 0;
text-align: center;
}
.column.OBJ0, .column.OBJ1 {
max-width: 12.0em;
margin-right: -1.2em;
margin-left: -1.2em;
}
... (remaining code truncated for brevity)