0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 1725 Просмотров
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Здравствуйте!
Столкнулся с проблемой и не могу понять как решить.
Суть такая: есть меню на сайте, оно расположено справа и есть остальная часть страницы - слева. Хочу сделать, чтобы меню было по ширине 20%, а остальное 80%.
Делаю так:
стиль меню

.sidebar{
font-size : 1.3em;
float : right;
width : 20%;
padding-right: 10px;
/*position: relative;*/
background : url('../images/sidebarbg.png');
color : #421;
}

стиль второй чати
#content-left{
background:transparent url(../images/contentbg.png) repeat scroll 0 0;
font-size:1.2em;
line-height:1.4em;
margin-right: 22%;
padding:20px;
position: relative;
}

дак вот. размета делается правильная, но почему-то меню сползает вниз (по правой стороне) ровно на ширину левой области.
Может я в стиле что-то напутал?
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Проблема с "резиновым" шаблоном
« Ответ #1 : 21.04.2012, 14:58:33 »
display:inline-block паренту поставь
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Re: Проблема с "резиновым" шаблоном
« Ответ #2 : 21.04.2012, 15:07:00 »
прописывал что вы сказали и в стиль content-left и в sidebar - результат тот же :(
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Проблема с "резиновым" шаблоном
« Ответ #3 : 21.04.2012, 15:32:14 »
ололо... говорю паренту припиши! То есть  диву в котором эти оба если нет такого то не как не поправишь.
и лучще левую часть флоатить в лево а не правую в право
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Re: Проблема с "резиновым" шаблоном
« Ответ #4 : 21.04.2012, 16:19:15 »
т.е в index.php где-то вписать display: inline-block;?

P.S. вот ссылка на сайт www.lesnoe24.ru
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Re: Проблема с "резиновым" шаблоном
« Ответ #5 : 21.04.2012, 16:34:50 »
теперь у меня всё меню расползлось :(
подскажите что делать?
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Re: Проблема с "резиновым" шаблоном
« Ответ #6 : 21.04.2012, 18:59:54 »
Никто не подскажет? >:(
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Проблема с "резиновым" шаблоном
« Ответ #7 : 21.04.2012, 21:30:02 »
я так понимаю уже сам разобрался)
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Проблема с "резиновым" шаблоном
« Ответ #8 : 21.04.2012, 21:46:31 »
теперь пара наставлений:
вообще сколько работаю с CSS очень часто встречал такое, весь ксс разделяется на две части, первая (layout.css) отвечает только за позиции модулей на странице, вторая (style.css) отвечает за стиль, так что вытри лучше стиль который у тебя написан напрямую (в index.php в теге <style/>) и перенеси его в (походу) actiview.css, также, чтобы не "расплавалось" поправь следующие сточки
actiview.css (строка 189)
Код
.sidebar ul li {
    padding: 2px 1px 0;
}
- это вправит нижнюю часть меню


actiview.css (строка 166)
Код
.sidebar-content h3 {
    background: url("../images/box.png") no-repeat scroll 0 0 transparent;
    border-bottom: 3px solid #CB9C7E;
    color: #442211;
    font-weight: 200;
    margin: 0;
    padding-left: 35px;
}
- а это верхнюю, тока вот за ишака не уверен)
PS: находишь и заменяешь, если хочешь разобраться в том что написано - учись пользоваться firebugом
*

Kenoby666

  • Захожу иногда
  • 53
  • 0 / 0
Re: Проблема с "резиновым" шаблоном
« Ответ #9 : 22.04.2012, 14:47:31 »
Спасибо Вам большое! Разобрался вроде бы!
А файрбаг в мозилле штука прикольная, буду использовать!
Ещё раз спасибо!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

шаблон IT Newsy - By IceTheme проблема со списком.

Автор wolf34

Ответов: 4
Просмотров: 4309
Последний ответ 30.05.2017, 11:52:27
от darkghost
Проблема с изменением логотипа штатного шаблона rhuk_milkyway Joomla_1.5

Автор Porohok

Ответов: 6
Просмотров: 3205
Последний ответ 22.03.2017, 10:34:23
от Porohok
Проблема отображения контента при масштабировании окна браузера

Автор Свят

Ответов: 2
Просмотров: 2026
Последний ответ 10.02.2016, 15:14:24
от Свят
проблемы с шаблоном

Автор CrazyCat

Ответов: 6
Просмотров: 2260
Последний ответ 10.10.2014, 11:37:33
от MALECKY
Шаблон yoo spark проблема с отображением логотипа

Автор ymaiorov

Ответов: 2
Просмотров: 2455
Последний ответ 25.05.2014, 01:50:11
от eprofit