powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка в 2 или 3 колонки
10 сообщений из 10, страница 1 из 1
верстка в 2 или 3 колонки
    #35272371
ritsuka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Замучилась уже..
Обычная блочная верстка в 2 колонки, шапка и подвал, но иногда может появляться третья колонка.
одним css-файлом можно так сделать?
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35272966
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ritsukaодним css-файлом можно так сделать?
А причем тут количество css файлов?
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274022
ritsuka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
При том, что если будет 2 колонки, то один css, а если 3 то другой
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274088
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ritsukaПри том, что если будет 2 колонки, то один css, а если 3 то другой
Примерчик что-ли давай. Вопрос таки непонятен. Например, напиши цсс для трёх. Ну не будет и не будет.
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274253
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ritsuka , а все сделать в одном ну никак?
----------
Cache for Windows (Intel) 2007.1 (Build 369) Fri Jun 15 2007 15:25:42 EDT
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274312
ritsuka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Поясняю
css
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
#header{}
#wrap {
        width: 100 %;}
#content {
        float:left;
        width: 80 %;}
#left {
         float:left;
         width:160px;}
#main {
        width: 100 %;
        margin-left:160px}
#right {
          width: 100 %;
          margin-right: 80 %}
#footer {
          width: 100 %;}

html
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div id='header'></div>
<div id='wrap'>
        <div id='content'>
                <div id='left'></div>
                <div id='main'></div>
        </div>
        <div id='right'></div>
</div>
<div id='footer'></div>
как сделать, чтобы при пустой правой колонке блок 'content' растягивался на все свободное место
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274331
ritsuka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
сделала в одном css, но пришлось таблицу добавлять.
left, content и right каждый в отдельную ячейку.
можно сделать без таблицы?
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274476
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ritsuka
можно сделать без таблицы?
пробуйте примерно так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<style>
.header { background:#cad; }
.content { }
.footer {clear:both; background:#bac;}
.left  { float:left; width:150px; background:#dda;}
.main  { background:#dca;}
.right { float:right; width:150px; background:#acd;}
</style>

<div class="header">header</div>
<div class="content">
	<div class="left">left</div>
	<div class="right">right</div>
	<div class="main">content</div>
</div>
<div class="footer">footer</div>
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274638
ritsuka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
illion
пробуйте примерно так:

попробовала. когда в контенте много текста? а в правой и левой мало? контент их обтекает.
поставила от обтекания левой колонки
Код: plaintext
1.
.main  { background:#dca; margin-left:150px;}
а что с обтеканием правой делать? ведь отступ справа должен быть только если правая заполнена.
...
Рейтинг: 0 / 0
верстка в 2 или 3 колонки
    #35274735
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ritsuka
поставила от обтекания левой колонки
Код: plaintext
1.
.main  { background:#dca; margin-left:150px;}

тогда уж лучше .main { float:left; }
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка в 2 или 3 колонки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]