Task: Drop in Nivo Slider where Pic is
Result: RSS Feed, Search and bottom half of page way off
Question: How to fix CSS to align RSS Feed, Search and bottom of page
Here is the site with a pic where the Nivo Slider goes:
http://scottjaxon.com/devsite/index.html
Here is the 43rd time I’ve attempted to get it aligned:
http://scottjaxon.com/devsite/testnivo43.html
CSS for the site:
/* 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;
}
The biggest problem is that your wrapper div is closed too early. Remove the div from where I marked it at the top and add it at the bottom just before your body tag. See screenshot: