powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css ширина дивов
9 сообщений из 9, страница 1 из 1
css ширина дивов
    #38824466
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
	<div class="header1">
		Header:
	</div>
		<div class="cont1">
			<div class="content1">Content</div>
			<div class="right1">Right Sidebar	</div>
			<div style="clear: both;"></div>
		</div>
	<div class="footer1">Footer</div>



Код: css
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.
.header1 {
	height: 150px;
	background: #FFE680;
}

.cont1 {
	width: 100%;
	overflow: hidden;
}

.content1 {
	background-color: #fcfcfc;
	padding: 0 20px;
	float:left;
	border:1px solid #000;
}

.right1 {
	float: right;
	width: 250px;
	background: #FFACAA;
}

.footer1 {
	height: 100px;
	background: #BFF08E;
}


как растянуть content1 до правого блока? Если ставлю 100%, то он передвигает правый блок на следующую строку или вообще прячет
...
Рейтинг: 0 / 0
css ширина дивов
    #38824693
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
.cont1 {position:relative;
	width: 100%;
	overflow: hidden;
}

.content1 {
	background-color: #fcfcfc;
	padding: 0 20px;
	position:absolute;
        left:0;
        right:250px;
	border:1px solid #000;
}



если сделать
Код: css
1.
2.
3.
4.
5.
6.
.right1 {
	position:absolute;
        right:0;
	width: 250px;
	background: #FFACAA;
}

то <div style="clear: both;"> не нужен.
...
Рейтинг: 0 / 0
css ширина дивов
    #38824695
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да и вообще он не нужен.
...
Рейтинг: 0 / 0
css ширина дивов
    #38825453
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
.cont1 {position:relative;
	width: 100%;
	overflow: hidden;
}

.content1 {
	background-color: #fcfcfc;
	padding: 0 20px;
	position:absolute;
        left:0;
        right:250px;
	border:1px solid #000;
}
.right1 {
	float: right;
	width: 250px;
	background: #FFACAA;
}


При таком раскладе высота .content1 зависит от высоты блока right1. А если я right1 пишу так:
Код: css
1.
2.
3.
4.
5.
6.
.right1 {
	position:absolute;
           right:0px;
	width: 250px;
	background: #FFACAA;
}

то блок right1 совсем не показывается
...
Рейтинг: 0 / 0
css ширина дивов
    #38825543
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну так сделай более вменяемый пример, опиши подробнее требования, чтобы не гадать.
...
Рейтинг: 0 / 0
css ширина дивов
    #38826737
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нужно сделать 2-х колоночный макет первая колонка (content1) - резиновая, right1 - фиксированной ширины. Причем в html-файле чтобы сначала была указана резиновая колонка а потом уже фиксированная
и надо чтобы обе колонки тянулись до футера.
...
Рейтинг: 0 / 0
css ширина дивов
    #38826739
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
css ширина дивов
    #38826765
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Когда жму "получить ссылку", выдается ошибка
...
Рейтинг: 0 / 0
css ширина дивов
    #38826842
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
у меня работает
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css ширина дивов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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