Cross-browser CSS fixes -- collection of fixes you may want to make

vishun - November 16, 2008 - 23:23
Project:Drupal ajaxIM
Version:5.x-1.x-dev
Component:User interface
Category:bug report
Priority:normal
Assigned:Unassigned
Status:active
Description

hey there,

i usually use firefox, currently firefox 3, but i noticed this back when i tried this module and was using firefox 2, that there are some major CSS issues that effect the user interface greatly. For instance, the first CSS fix im going to post is related to the New Instant Message window that appears -- atleast on firefox, the buttons Open IM and Cancel actually overlap the input box for specifying who you want to send an instant message. which is naturally rather confusing for end-users. so. these changes i will test via firefox and internet explorer, and for the most part im familiar with cross-browser CSS fixing, so hopefully ill get some good fixes posted that you can apply to help make your web site more friendly, if you are going to use the AjaxIM module.

** New Instant Message > Open IM and Cancel button overlap the TO input box **
--> Open modules/ajaxim/ajax_im.js --> goto line 138
--> remove this whole line found below
$ID('newim_buttons').style.top = '110px';

* other optional recommendation, is to change the text on this instant message window which is line 128
newIMWin.getContent().innerHTML = 'Who would you like to instant message? \
* this gives you an extra line that is obviously needed to make the content fit the box because the text was 2 lines, making the box and buttons go down even further, overlappin the bottom bar of the send message window

Browsers affected by this CSS issue:
o Firefox 3 / 2
o Safari
o Internet explorer 6 (can someone verify IE7?)

ill post more fixes i find as i fix them, but for now ill just start with this one

#1

freddyseubert - March 31, 2009 - 10:49

just subscribing...

have you found any more fixes? perhaps for this issue: http://drupal.org/node/306879 ?

tia, freddy

#2

vishun - May 5, 2009 - 23:03

I have posted an update to the issue you have linked, when I am able to to do a more proper fix i will then document it more proper here. but for now, if you are looking to temporarily resolve the emoticon box appearing off the page, a fix can be found at the project issue mentioned above by freddy

EDIT: also note that i have not cross-browser tested this like i have the other css suggestions. so im unsure of how this might render on other browsers, but it should be ok.

 
 

Drupal is a registered trademark of Dries Buytaert.