Member Avatar for Sanchixx

Whenever i make a site my css works fine in all major browsers exept IE.
Is it the same for you?

  • 6 Contributors
  • 7 Replies
  • 185 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by Troy III

Recommended Answers

All 7 Replies

Member Avatar for Dani

Join the club. Everyone needs to tweak their CSS explicitely for IE :(

Member Avatar for Sanchixx

I know

Member Avatar for Troy III

well, not in my case :), especially when it comes to js + css animations, IE versions are light years ahead.
So to back this up - here is a code I wrote for IE4 (if I'm not mistaken); - Yes, it's that old...
It weights less than 1KB and yes it was worth of about 1MB flash of a full-screen reso.bck than.
Yet again, other browsers can't play it as smooth as IE's always did, not even the most up to date editions.
I'm not using IE fade effect, because a decade ago, no other browser could do that, that's why this code uses color fade simulation.

So here it is, - anyone can try it and test on his own:

<!DOCTYPE html>
<html>
<head>
<meta name=Author content="b.b. Troy III p.a.e.">
<title>intro</title>
<style>
#cnt{position:absolute;left:-100%;width:300%;text-align:center}
body,html{margin:0;background:black;overflow:hidden}
</style>
</head>
<body>
<div id=cnt><i><div id=ctr></div></i></div>
<script>
onload=start;
var ctr=document.getElementById("ctr"),r=255,g=88,b=64,i=1,j=0,msg=new Array("KEEP&nbsp;","WALKING","SEARCHING","TRUSTING","Learning To Make Choices For The Future..."),E=ctr.style;
function H(){E.lineHeight=document.documentElement.clientHeight+"px"}
function start(T){
        T=setTimeout('start()',30);
    if(r>0){
        j+=3; r-=4; g-=2; b-=1; ctr.innerHTML=msg[0]+msg[i];
        E.color='rgb('+r+','+g+','+b+')'; E.fontSize=j+'px'}
    else if(i<3){
        i++; r=255; g=88; b=64; j=0}
    else{
        E.color="rgb(255,88,64)"; E.fontSize="16pt"; E.letterSpacing="3pt";
        ctr.innerHTML=msg[4]; clearTimeout(T)}
    }
onresize=H;
H(); 
</script>
</body>
</html>
Edited by Troy III because: a string broke in two lines
Member Avatar for JorgeM

I had given up on IE a while back, but you are correct...it does look crisp and clean in IE.

Member Avatar for G_S

I think IE is THE worst browser, not just graphics-wise. Don't know about the latest version though.

Edited by G_S
Member Avatar for Troy III

that's only what you believe. It doesn't mean you know it.

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.