3 колоночный шаблон

vipTelnet

Постоялец
Регистрация
14 Янв 2013
Сообщения
143
Реакции
11
Сделал 3 колоночный шаблон все вроде нормально но когда в центральной колонке
вставляется clear:both после этого весь контент центральной колонки опускается под левую,
подскажите как исправить
Для просмотра ссылки Войди или Зарегистрируйся
 

Вложения

  • 1.jpg
    1.jpg
    121,7 KB · Просмотры: 25
Убрать clear:both.
Так как этим ты говоришь - отменит обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны.
 
Да нет же я где то в стилях ошибся, в других же 3 колоночных шаблонах все нормально, и даже есть там внутри центральной колонки стоит clear:both это не приводит к смещению всего контента
 
.ph-cb {
clear: both; <--- удалить
}
в Для просмотра ссылки Войди или Зарегистрируйся 935 строка

Или вообще этот див
Код:
 <div class="ph-cb"></div>
удали, он у тебя пустой
 
Удалил как Вы предлагаете, но все равно не то.
Слово упорядочить из за этого съехало на вверх
 

Вложения

  • 2.jpg
    2.jpg
    276,5 KB · Просмотры: 12
Добавьте в:
#content{
..........................
position: absolute; /* этого не было, а потом появилось :) xz */
}
Тогда всё переедет вверх и, вдобавок, можно будет от таких диких значений margin избавиться.

offtop:
А почему вот это не в подвале:
Powered by Для просмотра ссылки Войди или Зарегистрируйся
?

Сам врубился, это наверное от модуля. Так?
 
Последнее редактирование:
сделал теперь встало нормально но верхнее меню которое тоже position: absolute; стало под #content
Добавил следующие стили
#content{
margin:0 auto;
margin-top:0px;
margin-left:280px;
margin-right:170px;
margin-bottom: 50px;
padding:0px;
padding-top:0px;
min-height:250px;
position: absolute;
z-index:1;
}
#topmenu li ul{
display:none;
position:absolute;
z-index:9999;
}
Должно ж работать и меню должно было встать под контент
 

Вложения

  • 3.jpg
    3.jpg
    177,9 KB · Просмотры: 6
сделал теперь встало нормально но верхнее меню которое тоже position: absolute; стало под #content
Добавил следующие стили
#content{
margin:0 auto;
margin-top:0px;
margin-left:280px;
margin-right:170px;
margin-bottom: 50px;
padding:0px;
padding-top:0px;
min-height:250px;
position: absolute;
z-index:1;
}
#topmenu li ul{
display:none;
position:absolute;
z-index:9999;
}
Должно ж работать и меню должно было встать под контент
Вы знаете, я посмотрел саму вёрстку и меня смутило расположение блоков.
Если стили отключить, то получается, что контент идёт последним блоком, соответственно чтобы поставить #content в центр, приходится его туда запихивать коленом.
Расположите всё в нормальном порядке и блоки встанут флоатом сами собой.
На скрине 2 варианта.
 

Вложения

  • расстановка блоков_01.PNG
    расстановка блоков_01.PNG
    5,1 KB · Просмотры: 6
  • Заблокирован
  • #9
сделал теперь встало нормально но верхнее меню которое тоже position: absolute; стало под #content
Добавил следующие стили
#content{
margin:0 auto;
margin-top:0px;
margin-left:280px;
margin-right:170px;
margin-bottom: 50px;
padding:0px;
padding-top:0px;
min-height:250px;
position: absolute;
z-index:1;
}
#topmenu li ul{
display:none;
position:absolute;
z-index:9999;
}
Должно ж работать и меню должно было встать под контент
Вообще верстка очень странная. Попробуйте прежде чем верстать - нарисовать в каком-нить проектировщике типа pencil блоки все и логически их выстроить, а потом уже путем минимального количества стилей все описать. Даже сама конструкция

#content{
margin:0 auto;
margin-top:0px;
margin-left:280px;
margin-right:170px;
margin-bottom: 50px;
padding:0px;
padding-top:0px;
min-height:250px;
position: absolute;
z-index:1;
} - Внушает ужас, не удивительно, что вы путаетесь потом в результате.

Вполне заменяется на:
#content {
position: absolute;
min-height: 250px;
padding: 0px;
margin: 0 170px 50px 270px;
z-index: 1;
}

По поводу одного над другим - у одного z-index: 1; у второго делаем z-index: 10; и все.
 
Назад
Сверху