Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по верстке - фиксированная ширина правой колонки / 9 сообщений из 9, страница 1 из 1
17.09.2013, 12:12
    #38398638
rabiter
rabiter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
Добрый день, коллеги!

Помогите пожалуйста с таким вопросом. У меня есть две колонки. Пусть два div элемента, не суть. Один слева, один справа.
Мне нужно, чтобы правый был фиксированной ширины в пикселях, а левый, соответственно, растягивался чтобы заполнить всю ширину при изменении ширины окна браузера. Т.е. интуитивно, ширину левого дива хочется выставить 100% - 150px.



Надо чтобы работало в FF, Chrome, и в IE начиная с 8-ки.
Давно уже сталкиваюсь с этой проблемой но все как-то не хватало запала чтобы найти решение.

Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 12:17
    #38398648
rabiter
rabiter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
Ой, картинка пропала, вот еще
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 12:20
    #38398656
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
<table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 12:23
    #38398665
rabiter
rabiter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
Паганель,

Неее, спасибо. Хочу блоки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 12:24
    #38398669
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
ну не надо так не надо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 12:25
    #38398671
rabiter
rabiter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
Паганель,

Но все равно спасибо :-)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 13:09
    #38398767
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
rabiterПусть два div элемента, не суть. Один слева, один справа.
Мне нужно, чтобы правый был фиксированной ширины в пикселях, а левый, соответственно, растягивался чтобы заполнить всю ширину при изменении ширины окна браузера. Т.е. интуитивно, ширину левого дива хочется выставить 100% - 150px.
Как вариант...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
#right {
	float: right;
	width: 150px;
	background-color: yellow;
}
#left {
	margin-right: 150px;
	background-color: green;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='right'>right</div>
<div id='left'>left</div>
</body>
</html>



rabiterДавно уже сталкиваюсь с этой проблемой но все как-то не хватало запала чтобы найти решение.
Это один из стандартных приемов...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 14:23
    #38398911
rabiter
rabiter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
krvsa,

Эврика! Я вам очень благодарен :-)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.09.2013, 16:08
    #38401726
Zick
Zick
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по верстке - фиксированная ширина правой колонки
rabiter,

display: inline-block; /* Норм. браузеры */
zoom: 1; /*IE*/
*display: inline; /*IE*/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по верстке - фиксированная ширина правой колонки / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 342ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447869]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 61ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 201ms
total:  342ms
x
x
Закрыть


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