Just a short question…
I have a span container which is correctly set in FF with following options:
<span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9">
In this span, there is an image and two p elements.
My problem is that in Firefox the box is only at the minimal width.
Internet Explorer shows the box in about 80% of the screen, and most of it is empty.
Here a screenshot of FF and IE:
http://s16.postimage.org/i2ak9xj1x/firefox.png
http://s16.postimage.org/fmdc9tqd1/internetexplorer.png
Any ideas about that?
It should be consitent at minimal width for InternetExplorer , but if possible cross-browser 😉
// edit : i tested it in IE9 , it have to work for >IE8
it seems to be no issue of block or inline-block. same result in both versions
When something works in other browsers but not in IE9, chance is that your header isn’t correct. Check with this one :
Be careful that it won’t make it magically all compatible with IE8.
And seriously… using Word to produce directly served HTML is not a viable long term solution…