We already know valid page means “valid” only for browsers which don’t interpret pages and standarts to their wishes like Opera and Firefox. By this situation i wan’t to note some problems about IE that i have meet last days.
Internet Explorer Italic Lines Overflow Problem
There’s no problem on Opera or Firefox. But IE sucks. For see what the problem is place a div tagged layer with a width of 400px and fill it with a 5 lines of italic (em,i) text. After that take the screenshot of the page and look it at your favorite graphic processing envrionment like PSP, PS or Gimp. You must see an extra 2-3 pixels.
Solution Define a layer inside outher layer. Give it a width of 99%
In any case Internet Explorer cannot understand the max-height,max-width Css Properties
You already know these two tags are very very helpfull for us. We can block an image to overflow from our layers by these tags. Opera and Firefox understands these tags however ie sucks.
Solution I search a lot. Find a lot of ideas. But the best solution is this;
After defining max-width,max-height (for Opera and Firefox) for your image write this code at the end of block :
width : expression(this.width > 400 ? 400 : true);
This code makes an assignment for IE that if the image size is greater than 400 pixels then resize it to 400 pixels.
However this code seems the best solution it has some problems about margin and padding of the image. If I’ll solve i’ll write here.
Tags: css, firefox, internet explorer, opera
Entries (RSS)