css - Layout broken in IE 10. Firefox, Opera, Safari and Chrome are working fine -


http://www.alecos.it/new/125027/125027.php link example of problem... used png 1x16 drawing rows... rows visible in link posted... question is:

why under ie 6/8, firefox, opera, safari , other browsers rows aligned text while under ie 9/10/11 text not fit in rows?

i used simple css:

/* style source code */ .code {   border-radius: 7px;   border: #6666ff 1px solid;   background-color: #fff5ee;   background-image: url("../bkg/bkg_116.png");  /* horizontal rows */   background-repeat: repeat;   background-position: 0 10px; } /* style source code */ .xcode {   color: #008000;   font-family: 'courier new', courier, freemono, 'nimbus mono l', monospace;   font-size: 13px;   font-style: normal;   line-height: normal;   font-weight: normal;   font-variant: normal; }  /* style div */ .alignment {   line-height: 20px;   text-align: justify; } 

hope in workround fix issue...

here there css: http://www.alecos.it/css/alecos.css

i'm not on windows machine right guess .xcode(line-height:16px;} solve problem, must wrong way of creating row borders. why not add:

.xcode td{border-bottom:1px solid #ddd;} 

instead of using background image?


Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -