Support » Themes and Templates » Scroll bars in a widget

  • Hi – Working on a new site and on the homepage i have 2 widgets that have scroll bars in them. I set the widget titles to postion:absolute to make the content scroll but have the title stay in place – this works fine on all browsers except mozilla (FF). on FF sometimes when scrolling the title area scrolls up and out of site (but only sometimes) Any one have any ideas to stop this from happening – site is here:
    and this is the css I’m using for them:

    	 /* IE10 */
    	background-image: -ms-linear-gradient(top, #346484 50%, #FFFFFF 100%);
    	/* Mozilla Firefox */
    	background-image: -moz-linear-gradient(top, #346484 50%, #FFFFFF 100%);
    	/* Opera */
    	background-image: -o-linear-gradient(top, #346484 50%, #FFFFFF 100%);
    	/* Webkit (Safari/Chrome 10) */
    	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
    	/* Webkit (Chrome 11+) */
    	background-image: -webkit-linear-gradient(top, #346484 50%, #FFFFFF 100%);
    	/* Proposed W3C Markup */
    	background-image: linear-gradient(top,#346484 50%, #FFFFFF 100%);
    #home_widget_2 a{
    #home_widget_2 ul{
    #home_widget_2 li{
    border-bottom:1px #99B0C0 solid;
    	padding-top: 5px;
    	padding-left: 15px;
    	margin-bottom: 15px;
    	color: #376382;
    	background-color: #99B0C0;
    	position: absolute;
    	width: 20.9%;


Viewing 2 replies - 1 through 2 (of 2 total)
  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I have – The css is fine in all browsers except FF – FF seems to not always hold the positioning to absolute – anyone seen this before? Tried putting !important in there too – but no change. Usually it’s the 5th time scrolling up and down that it ‘breaks’…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Scroll bars in a widget’ is closed to new replies.