[horde] Dimp and Internet Explorer

[Henry Hughes]

Nuno Marques wrote:
> Michael M Slusarz wrote:
>> Quoting Nuno Marques <subs at di.fc.ul.pt>:
>>
>>> Ben Chavet wrote:
>>>> Quoting Nuno Marques <subs at di.fc.ul.pt>:
>>>>
>>>>> Chuck Hagenbuch wrote:
>>>>>> Quoting Nuno Marques <subs at di.fc.ul.pt>:
>>>>>>
>>>>>>> Does anyone know how to fix this problem?
>>>>>> Yes. Spend some time driving yourself absolutely apes*** playing with
>>>>>> CSS. Then, when you have it working and have cleaned it up, send us a
>>>>>> patch.
>>>>>>
>>>>>> -chuck
>>>>>>
>>>>>> --"we are plastered to the windshield of the bus that is time." -
>>>>>> Chris
>>>>>> --Horde mailing list - Join the hunt:
>>>>>> http://horde.org/bounties/#horde
>>>>>> Frequently Asked Questions: http://horde.org/faq/
>>>>>> To unsubscribe, mail: horde-unsubscribe at lists.horde.org
>>>>> To get it working under IE I had to change a couple of things in
>>>>> dimp/themes/screen.css
>>>>>
>>>>> #dimpmain {
>>>>>     position: absolute;
>>>>>     cursor: default;
>>>>>     left: 180px;
>>>>>     top: 10px;
>>>>>     bottom: 0;
>>>>>     right: 10px;
>>>>>
>>>>> /*added this*/
>>>>>     width: 83%;
>>>>> }
>>>>>
>>>>>
>>>>> .msglist {
>>>>>     float: left;
>>>>>     overflow: hidden;
>>>>>
>>>>> /*added this*/
>>>>>     width: 99%;
>>>>>
>>>>> }
>>>>>
>>>>>
>>>>> PROS: Looks good in IE
>>>>> CONS: In firefox Dimp doesn't cover all the screen surface
>>>>>
>>>>> If someone has a better solution please let me know.
>>>> try using an underscore for the added IE rules:
>>>>
>>>>   _width: 83%;
>>>>   _width: 99%;
>>>>
>>>> IE renders those, other browsers ignore them.
>>>>
>>>> --Ben
>>> Looks good on both now.
>> I've added these two elements to DIMP's css file.  The only issue is
>> that you did not mention you *removed* a pre-existing width:100%
> 
> Yes I did, forgot to mention it, sorry
> 
>> declaration from .msglist.  That width needs to remain, so hopefully
>> IE will use the second _width declaration to overwrite the first.  I
>> just don't have IE handy right now to test.
> 
> I've just tested it, firefox use width and IE uses the _width.

If you are bothered at all about CSS validation, then don't use _width...

instead do this:

width:100%!important;
width:99%;

IE will ignore the value with !important and use the second value.
FF, and pretty much all other browsers, will only use the value with 
!important.

Not sure how IE7 will behave, I don't dare install the beta.

H