0 / 0 / 0
Регистрация: 20.11.2012
Сообщений: 11
1

Как растянуть контента при пустой правой колонке?

23.12.2012, 13:36. Показов 1374. Ответов 6
Метки нет (Все метки)

Здравствуйте нужна помощь, я уже запарился, все не по фен-шую...
Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до такого:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
 
#main {
        width:300px;
        margin:0 auto;
        height:500px;
        background-color:#E4E4E4;
        
}
*{
        margin:0;
        padding:0;
}
#block {
        float:right;
        /*background-color:#C9C;*/
        width:100%;
        margin-left:-100px;
}
#content{
}
#r-sidebar {
        width:100px;
        float:right;
        background-color:#66F;
        
}
#in {
        margin-right:100px;
        width:100%;
        
}
</style>
</head>
<body>
<div id="main">
    <div id="r-sidebar">
        r-sidebar r-sidebar
    </div>
    <div id="block">
        <div id="in">
            <div id="content">
                content content  content content  content content  content 
                content  content content content content content content  
                content content content content content content  
            </div>
        </div>
    </div>
</div>
</body>
</html>
НО у меня вылезает естественно контент в лево на 100px, при наполненным сайд-баре. Подскажите что здесь не того, может есть другие решения, или тут только js поможет? спасибо.
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.12.2012, 13:36
Ответы с готовыми решениями:

Как разместить текст в правой колонке?
Я новичок в вёрстке joomla. Как в трёх колоночном шаблоне на главной странице в правой колонке...

Не воспроизводится звук, строго в правой колонке, а при подключении наушников в правом ухе
Здравствуйте, у меня такая проблема : не воспроизводится звук, строго в правой колонке, а при...

Как растянуть блок контента до футера?
&lt;div id=&quot;wrapper&quot;&gt; &lt;div id=&quot;wrapper1&quot;&gt; &lt;div id=&quot;header&quot;&gt; header &lt;/div&gt; ...

Как растянуть блок контента до подвала
Привет. Я прикрепил .footer к низу страницы. Но у меня не получается дорастянуть блок контента,...

6
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
23.12.2012, 13:48 2
Лучше всего решить проблему грамотной архитектурой странички.
Непонятно, зачем усложнять себе жизнь? Вот скажите, по какому принципу у вас будет/не будет заполнен r-sidebar? Может, легче будет не выводить этот блок вообще, если он пустой?
0
0 / 0 / 0
Регистрация: 20.11.2012
Сообщений: 11
23.12.2012, 14:09  [ТС] 3
Цитата Сообщение от etalord Посмотреть сообщение
Лучше всего решить проблему грамотной архитектурой странички.
Непонятно, зачем усложнять себе жизнь? Вот скажите, по какому принципу у вас будет/не будет заполнен r-sidebar? Может, легче будет не выводить этот блок вообще, если он пустой?
Тест работодатель прислал!!!
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
23.12.2012, 14:14 4
Это было по делу. Впрочем, если вы хотите разгребать свои проблемы сами, то не стоило писать на форум.

Выложите лучше задание в том виде, в каком его прислал работодатель, а не то, как вы попытались это сделать.
1
0 / 0 / 0
Регистрация: 20.11.2012
Сообщений: 11
23.12.2012, 14:31  [ТС] 5
По моему в название темы все предельно понятно. правая колонка пуста, контент с лева наезжает на нее. Привел код если хочется заморочится можно его в браузере вывести, там все контейнеры разными цветами если есть содержимое сайтбара будет видно как контент вылезет за пределы. Работодатель прислал инструкцию ето один из ее пунктов.
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
23.12.2012, 14:42 6
Всё-равно ключевые моменты надо уточнить. Например, какая ширина должна быть у правой колонки - фикс или не фикс. Если не имеет значения, можно такой вариант предложить:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
 
#main {
        width:300px;
        margin:0 auto;
        height:500px;
        background-color:#E4E4E4;
        display: table;
}
*{
        margin:0;
        padding:0;
}
 
#content{
  display: table-cell;
 
}
#r-sidebar {
 
        display: table-cell;
        background-color:#66F;
        max-width: 100px;
        
}
 
</style>
</head>
<body>
<div id="main">
 
    <div id="content">
        content content  content content  content content  content 
        content  content content content content content content  
        content content content content content content  
    </div>
    <div id="r-sidebar">
        r-sidebar r-sidebar
    </div>
 
</div>
</body>
</html>
1
0 / 0 / 0
Регистрация: 20.11.2012
Сообщений: 11
23.12.2012, 15:06  [ТС] 7
Фиксированной к примеру width: 100px;

Добавлено через 6 минут
Во спасибо, етот вариант более чем.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.12.2012, 15:06

Текст в правой колонке выходит за див
Текст выходит за див не переносится в низ. /* CSS Document */ body { margin:0px; padding:0px;...

Выравнивание блоков в правой колонке сайта
Всем привет. Не могу никак разобраться как выровнять все блоки по правую сторону. Получается...

Событие клика правой кнопки по колонке listview
Добавляю событие клика на колонку(которое работает только при клике правой кнопки мыши, каким...

Время от времени в правой или левой колонке пропадает звук
Помогите пожалуйста! Поблема в том, что время от времени в правой или левой колонке пропадает...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.