[xwiki-users] Colibri CSS for IE (6, 7, 8 ...)
Hi, I've created a Skin based on colibri and set I as my default skin. I've overwritten some css definitions of colibri.css due to my header logo ( I've shifted and resized the search box). I've added this definitions on a new attribute (myStyle.css) on XWikiSkin object and added it on the style.css attribute, as well as microformats.css and colibri.css. My modifications are: #companylogo a img { float: left; margin:0 0 0 -4px; } #globallinks { float:right; padding:5px 67px 5px 0px; width:130px; } #globalsearch { text-align:right; width:190px; } #globalsearchinput { min-height:16px; width:150px; } It works well on Firefox, but in IE neither of my modifications seems to work, and the search box goes below the header logo, on a new line. Where I can change CSS definitions as above for IE's? Regards, Ramon Brandão
Hi, The strange thing is that "globallinks" selector is used as a class in the colibri skin (not as an identifier), so you would use .globallinks instead of #globallinks (and it is the same with the 2 globalsearch selectors). Concerning the difference between IE and Firefox, it seems that the colibri skin has special CSS files for IE. May be they override your definitions. Hope this help. Maxime 2010/8/3 Ramon Gomes Brandão - SERINT <[email protected]>
Hi,
I've created a Skin based on colibri and set I as my default skin. I've overwritten some css definitions of colibri.css due to my header logo ( I've shifted and resized the search box). I've added this definitions on a new attribute (myStyle.css) on XWikiSkin object and added it on the style.css attribute, as well as microformats.css and colibri.css. My modifications are:
#companylogo a img {
float: left;
margin:0 0 0 -4px;
}
#globallinks {
float:right;
padding:5px 67px 5px 0px;
width:130px;
}
#globalsearch {
text-align:right;
width:190px;
}
#globalsearchinput {
min-height:16px;
width:150px;
}
It works well on Firefox, but in IE neither of my modifications seems to work, and the search box goes below the header logo, on a new line. Where I can change CSS definitions as above for IE's?
Regards,
Ramon Brandão
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
IE special files are: ie-6.css and ie-all.css On Wed, Aug 4, 2010 at 18:00, Maxime Mathieu <[email protected]>wrote:
Hi,
The strange thing is that "globallinks" selector is used as a class in the colibri skin (not as an identifier), so you would use .globallinks instead of #globallinks (and it is the same with the 2 globalsearch selectors).
Concerning the difference between IE and Firefox, it seems that the colibri skin has special CSS files for IE. May be they override your definitions.
Hope this help. Maxime
2010/8/3 Ramon Gomes Brandão - SERINT <[email protected]>
Hi,
I've created a Skin based on colibri and set I as my default skin. I've overwritten some css definitions of colibri.css due to my header logo ( I've shifted and resized the search box). I've added this definitions on a new attribute (myStyle.css) on XWikiSkin object and added it on the style.css attribute, as well as microformats.css and colibri.css. My modifications are:
#companylogo a img {
float: left;
margin:0 0 0 -4px;
}
#globallinks {
float:right;
padding:5px 67px 5px 0px;
width:130px;
}
#globalsearch {
text-align:right;
width:190px;
}
#globalsearchinput {
min-height:16px;
width:150px;
}
It works well on Firefox, but in IE neither of my modifications seems to work, and the search box goes below the header logo, on a new line. Where I can change CSS definitions as above for IE's?
Regards,
Ramon Brandão
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
participants (3)
-
Ecaterina Valica -
Maxime Mathieu -
Ramon Gomes Brandão - SERINT