I have the slider set up and working using a tweaked version of the upright 10 theme on the homepage of my site: http://web.clatsopcc.edu:8000/index.php

The issue is that I can't for the life of me figure out why it's adding a 20px margin to the top of the slider when it renders in firefox, but not when it renders in IE or Chrome. See attached screenshots of firefox and IE. When I inspect it in firebug, the only thing I see is margin-bottom of 20px. If I disable that, it shifts the slider up 20px AND removes the spacing underneath. I'm confused. I want the spacing underneath but not on the top.

I tried placing a block containing only a solid black image up on top and it lines up perfectly in all browsers. So it's something to do with the slider block itself...

CommentFileSizeAuthor
clatsop_firefox.PNG882.86 KBjlea9378
clatsop_ie.PNG984.09 KBjlea9378
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jlea9378’s picture

jlea9378 CreditAttribution: jlea9378 commented

HELP (please)

ppblaauw’s picture

ppblaauw CreditAttribution: ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

In the file: sites/all/themes/clatsop_main/custom/modules/views_slideshow_ddblock/vsdupright10p/views-slideshow-ddblock-cycle-vsdupright10p.css

line 21 remove float:left;

div.views-slideshow-ddblock-cycle-vsdupright10p div.slider {
border-color: #1A680B;
border-style: solid;
border-width: 10px 10px 6px;
float: left;
width: 530px;
}

Hope this helps you further, please let me know.

jlea9378’s picture

jlea9378 CreditAttribution: jlea9378 commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

OMG that fixed it! Thanks!!!