Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка в 2 или 3 колонки / 10 сообщений из 10, страница 1 из 1
22.04.2008, 18:45
    #35272371
ritsuka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
Замучилась уже..
Обычная блочная верстка в 2 колонки, шапка и подвал, но иногда может появляться третья колонка.
одним css-файлом можно так сделать?
...
Рейтинг: 0 / 0
23.04.2008, 09:03
    #35272966
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
ritsukaодним css-файлом можно так сделать?
А причем тут количество css файлов?
...
Рейтинг: 0 / 0
23.04.2008, 13:27
    #35274022
ritsuka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
При том, что если будет 2 колонки, то один css, а если 3 то другой
...
Рейтинг: 0 / 0
23.04.2008, 13:43
    #35274088
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
ritsukaПри том, что если будет 2 колонки, то один css, а если 3 то другой
Примерчик что-ли давай. Вопрос таки непонятен. Например, напиши цсс для трёх. Ну не будет и не будет.
...
Рейтинг: 0 / 0
23.04.2008, 14:19
    #35274253
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
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
23.04.2008, 14:30
    #35274312
ritsuka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
Поясняю
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
23.04.2008, 14:33
    #35274331
ritsuka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
сделала в одном css, но пришлось таблицу добавлять.
left, content и right каждый в отдельную ячейку.
можно сделать без таблицы?
...
Рейтинг: 0 / 0
23.04.2008, 15:05
    #35274476
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
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
23.04.2008, 15:36
    #35274638
ritsuka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка в 2 или 3 колонки
illion
пробуйте примерно так:

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

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


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