Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать и растянуть div до нужного с помощью CSS / 9 сообщений из 9, страница 1 из 1
12.12.2013, 16:30
    #38498841
telhin
telhin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
Хелп! Вот, что нужно реализовать http://fotohost.kz/image/BZfN.

Белый блок должен находиться по центру. А красный полупрозрачный(на картинки он бардовый) должен быть прижат к левому краю и растягиваться до центрального.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 16:38
    #38498864
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table style="width: 1000px; table-layout: fixed;">
    <tr>
        <td style="background-color: maroon;"></td>
        <td>
<div style="background-color: gray; width: 700px; height: 100px;">
</div>
        </td>
    </tr>
</table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 16:52
    #38498897
telhin
telhin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
белый блок должен оставаться по центру не зависимо от размера монитора. А бордовый растягиваться до него. И желательно в divах....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 17:00
    #38498922
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
telhinбелый блок должен оставаться по центру не зависимо от размера монитора. А бордовый растягиваться до него http://jsfiddle.net/rm7p2/show/

а без таблиц я не умею
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 17:07
    #38498937
telhin
telhin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
центральный блок должен быть заданной ширины
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 17:08
    #38498941
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
telhinцентральный блок должен быть заданной шириныtelhinоставаться по центру не зависимо от размера мониторая не знаю как совместить эти два требования
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 21:38
    #38499257
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
Типа макет...

Код: html
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.
57.
58.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	min-width: 240px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: red;
}
#left {
	position: absolute;
	top: 5px;
	bottom: 10px;
	width: 50%;
	background-color: yellow;
}
#center {
	position: relative;
	width: 200px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}
#cover {
	width: 40px;
	height: 100%;
	margin-left: -20px;
	background-color: green;
	/* для наглядности идеи */
	opacity: 0.5;
	filter: alpha(opacity=50);
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
	<div id='left'></div>
	<div id='center'>
		<div id='cover'></div>
	</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.12.2013, 13:50
    #38500007
telhin
telhin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
Все вроде бы отлично, но не могу избавиться от отступов в
#left {
position: absolute;
top: 5px;
bottom: 10px;
width: 50%;
background-color: yellow;
}
если убираю top: 5px; и bottom: 10px;, то не отображается вообще. Поскажите в чем туплю.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.12.2013, 14:54
    #38500156
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прижать и растянуть div до нужного с помощью CSS
telhinВсе вроде бы отлично, но не могу избавиться от отступов в
Код: css
1.
2.
3.
4.
5.
6.
7.
#left {
	position: absolute;
	top: 5px;
	bottom: 10px;
	width: 50%;
	background-color: yellow;
}

если убираю top: 5px; и bottom: 10px;, то не отображается вообще. Поскажите в чем туплю.
Если нужно на всю высоту - сделай так
Код: css
1.
2.
3.
4.
5.
6.
7.
#left {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-color: yellow;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прижать и растянуть div до нужного с помощью CSS / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 507ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447560]:
 0ms
get settings:
 18ms
get forum list:
 23ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 90ms
get topic data:
 39ms
get forum data:
 3ms
get page messages:
 90ms
get tp. blocked users:
 1ms
others: 235ms
total:  507ms
x
x
Закрыть


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