CSS Ride SideBar должен оставаться наверху

Question

Моя правая боковая панель не остается на вершине.

Это две страницы, например. www.cafecartel.com

и www.cafecartel.com.index2.php

В настоящее время, как сайт написан, правая боковая панель должна быть размещена так:

body id = "Support" div id="container1" div id="container2"

div id="header"
 ?php include("inc/header.inc"); ?
  h1 Point of Sale for Restaurants, POS Retail and Inventory by Cafe Cartel/h1
/div

div id = "обертка" div id="контент"

div id="sidebar"
 ?php include("inc/sidebar_justafew.inc"); ?
 ?php include("inc/sidebar_whouses.inc"); ?
/div

div id = "maincontent"

---

То, что я хочу, - это возможность разместить боковую панель под основным содержанием. Для SEO.

Это CSS для боковой панели:

боковая панель {

float: right;
    position: relative;
    left: 178px;
    width: 166px;
    padding-top: 5px;
margin-left: -165px;
margin-bottom: 50px;
    line-height: 1.4em;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 165px;
    }

Вся помощь приветствуется. Спасибо

Answer 1

У меня возникают проблемы с полным пониманием вопроса, поэтому заранее извиняюсь, если я неправильно понял, но чтобы боковая панель отображалась рядом с контентом, а содержимое отображалось над боковой панелью в HTML, вы можете переместить #maincontent div влево и #sidebar div right.

#content { clear: both; }

#maincontent { float: left; }

#sidebar { float: right; }

Вам тоже нужно очистить поплавки после, поэтому я добавил clear: оба в div содержимого.

Надеюсь, это поможет!

Answer 2

cc_layout.css строка: 63

#maincontent {
    margin:0;
    padding:0;
    position:relative;
    width:97%;
    float: left;
}

@Carl, разница между двумя страницами (старой и новой) в том, что он поместил боковую панель HTML ниже основного контента (нового) по сравнению с выше (старого).