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
Post a Comment