代码之家  ›  专栏  ›  技术社区  ›  ScottJaxon

CSS不兼容:Nivo滑块推送页面Awry的元素

  •  0
  • ScottJaxon  · 技术社区  · 12 年前

    任务:放入图片所在的Nivo滑块

    结果:RSS订阅源,搜索和页面下半部分偏离

    问题:如何修复CSS以对齐RSS提要、搜索和页面底部

    以下是Nivo Slider的图片所在的网站: http://scottjaxon.com/devsite/index.html

    这是我第43次尝试将其对齐: http://scottjaxon.com/devsite/testnivo43.html

    网站的CSS:

    /* home */
    
    
    #wrapper #user1 #feahome {
    min-height: 341px;
    height: auto !important;
    height: 341px;
    }
    #wrapper #user1 #feahome #containerflash {
    width: 960px;
    height: 325px;
    overflow: visible;
    border-bottom: 3px solid #FFFFFF;
    }
    #wrapper #user1 #feahome #rsshome {
    float: left;
    color: #FFFFFF;
    width: 440px;
    height: 20px;
    margin-bottom: 6px;
    padding: 6px 20px 0px 20px;
    border-right: 1px solid #FFFFFF;
    }
    #wrapper #user1 #feahome #searchhome {
    float: left;
    color: #FFFFFF;
    height: 22px;
    margin-top: 8px;
    padding: 0px 20px 0px 20px;
    }
    
    1 回复  |  直到 12 年前
        1
  •  0
  •   effectica    12 年前

    最大的问题是包装器div过早关闭。删除我在顶部标记的div,并将其添加到body标记之前的底部。请参见屏幕截图:

    wrapper div problem