Несовместимость с CSS: слайдер Nivo неправильно выдвигает элементы страницы

Задача: вставить Nivo Slider туда, где находится Pic.

Результат: RSS-канал, поиск и нижняя половина страницы далеко

Вопрос: Как исправить CSS для выравнивания RSS-канала, поиска и нижней части страницы

Вот сайт с изображением слайдера Nivo: 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;
}

person ScottJaxon    schedule 10.08.2012    source источник
comment
на вашем веб-сайте отсутствует CSS, который есть на другом веб-сайте. Я предлагаю вам использовать либо Firefox с firebug, либо Chrome со встроенными инструментами разработчика, чтобы увидеть, чего не хватает CSS на вашем веб-сайте. Вот видео, в котором показано, как использовать firebug.   -  person effectica    schedule 11.08.2012
comment
Разве вам не нужно просто поместить весь контент под Nivo Slider в div-оболочку?   -  person Billy Moat    schedule 11.08.2012
comment
scottjaxon.com/devsite/testnivo45.html   -  person ScottJaxon    schedule 11.08.2012
comment
scottjaxon.com/devsite/testnivo45.html -thanx effectica - firebug Да! теперь окно rss/search стало слишком большим - я увеличу ползунок внизу и . . . наверное коробку немного сжать   -  person ScottJaxon    schedule 11.08.2012


Ответы (1)


Самая большая проблема заключается в том, что ваш div-оболочка закрывается слишком рано. Удалите div из того места, где я отметил его вверху, и добавьте его внизу прямо перед вашим тегом body. Смотрите скриншот:

проблема с оберткой div

person effectica    schedule 10.08.2012
comment
Круто! спасибо! Я такой новичок в @ CSS, и я перехожу к веб-дизайну с графического дизайна и рисования. Я многое проектировал, когда в моде были таблицы, потом какое-то время рисовал, а теперь это все CSS. Столы были намного проще! Я не понимаю, почему их больше не используют, конечно, у них есть свои ограничения, но простота использования была визуальной, а не математической. - person ScottJaxon; 11.08.2012