Проблема с версткой...

[AngelofDem]

width:auto работает только с div-ами у которых position:absolute?

хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?

[psywalker]

width:auto работает только с div-ами у которых position:absolute?

хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?

Не понял вопроса. Что за резиновые дивы? Покажи скриншоты того, что нужно, с пояснениями.

[AngelofDem]

     DIV1
        font:14px Arial, Helvetica, sans-serif;
	color:#633;
	margin:4px;
	padding:4px;
	border:3px solid #888888;
	border-radius:6px;
	width:auto;text-align:left;
	position:absolute;
	font-weight: bold;
     DIV2
        font:14px Arial, Helvetica, sans-serif;
	color: #C00;
	margin:4px;
	padding:4px;
	border:3px solid #888888;
	border-radius:6px;
	width:auto;
	text-align:left;
	position:absolute;
	font-weight: bold;
	right:0px;

Возможно ли второй див выровнять относительно первого дива с помощью свойства float:left;

[psywalker]

А нафига тут вообще абсолюты? Это неправильно, почему бы не юзать флоаты?

[AngelofDem]

хотелось бы что бы ширина блоков была авто...

[psywalker]

хотелось бы что бы ширина блоков была авто...

inline-block; должен помочь.

Ну и флоаты вроде так же.

Покажи тестовую страницу с примером.

[sigma77]

хотелось бы что бы ширина блоков была авто...

Что ты понимаешь под шириной авто? Любой элемент по умолчанию имеет width: auto. Только вот эта автоматическая ширина в зависимости от типа элемента, его позиционирования высчитывается по-разному.

[AngelofDem]

хотелось бы что бы ширина блоков была авто...

inline-block; должен помочь.

Ну и флоаты вроде так же.

Покажи тестовую страницу с примером.

Всё клево все работает... Спасибо огромное.. И прошу прощения за неправильно сформулированный вопрос.

хотелось бы что бы ширина блоков была авто...

Что ты понимаешь под шириной авто? Любой элемент по умолчанию имеет width: auto. Только вот эта автоматическая ширина в зависимости от типа элемента, его позиционирования высчитывается по-разному.

Я понимаю что auto это значит div будет растягиваться в зависимости от содержимого... при position:absolute он именно это и делает..

[psywalker]

хотелось бы что бы ширина блоков была авто...

inline-block; должен помочь.

Ну и флоаты вроде так же.

Покажи тестовую страницу с примером.

Всё клево все работает... Спасибо огромное.. И прошу прощения за неправильно сформулированный вопрос.

хотелось бы что бы ширина блоков была авто...

Что ты понимаешь под шириной авто? Любой элемент по умолчанию имеет width: auto. Только вот эта автоматическая ширина в зависимости от типа элемента, его позиционирования высчитывается по-разному.

Я понимаю что auto это значит div будет растягиваться в зависимости от содержимого... при position:absolute он именно это и делает..

А при

inline-block; должен помочь.

Ну и флоаты вроде так же.

..не делает?

[AngelofDem]

psywalker огроменное тебе спасибо... Ты столько головняков моих решил а ещё больше предотвратил... inline-block доказал мне теперь на 100%, что табличная верстка не имеет вообще никаких плюсов перед блочной... Теперь я смогу сделать всё...

Всё она делает спасибо :yahoo:

[sigma77]

Я понимаю что auto это значит div будет растягиваться в зависимости от содержимого...

Значения auto означает, что ширина блока будет высчитываться самим браузером в зависимости от других свойств - margin, position, display, padding, right, left.

при position:absolute он именно это и делает..

Поставь блоку с position: absolute свойства right: 0 и left: 0 и ты увидишь, что высчитанная ширина при width: auto измениться.

[AngelofDem]

Я понимаю что auto это значит div будет растягиваться в зависимости от содержимого...

Значения auto означает, что ширина блока будет высчитываться самим браузером в зависимости от других свойств - margin, position, display, padding, right, left.

при position:absolute он именно это и делает..

Поставь блоку с position: absolute свойства right: 0 и left: 0 и ты увидишь, что высчитанная ширина при width: auto измениться.

всё правильно потому что он будет обязан находится и у левой границы и у правой границы родительского элемента

[Softlink]

Я понимаю что auto это значит div будет растягиваться в зависимости от содержимого... при position:absolute он именно это и делает..

Да и див вообще-то по умолчанию тянется на все 100% родителя.

При position абсолют и фиксед, некоторых display и float'ах он как раз растягивается по содержимому.

[sigma77]

всё правильно потому что он будет обязан находится и у левой границы и у правой границы родительского элемента

Не совсем так. Те же значения, но задана конкретная ширина - http://jsfiddle.net/wQVa6/ и уже не так уж он и обязан

[AngelofDem]

всё правильно потому что он будет обязан находится и у левой границы и у правой границы родительского элемента

Не совсем так. Те же значения, но задана конкретная ширина - http://jsfiddle.net/wQVa6/ и уже не так уж он и обязан

почему так?

Ещё одна проблемка родительский div по высоте почему то не растягивается в зависимости от внутренностей...

http://jsfiddle.net/f43aM/

[sigma77]

почему так?

Потому что блок не может одновременно быть и шириной 100px и прижат к правому краю, поэтому бразуер присваивает свойству right значение auto

Вообще всё это хорошо расписано у Мейера в его книге "Каскадные таблицы стилей"

Ещё одна проблемка родительский div по высоте почему то не растягивается в зависимости от внутренностей...

http://jsfiddle.net/f43aM/

Родителю overflow: hidden, например.

[AngelofDem]

а Книга на Русском языке?

overflow: hidden, например. — помогло спасибо :yahoo:

Самый оперативный форум из всех которые я встречал...

[sigma77]

AngelofDem,

На русском. В сети найти не проблема.

[AngelofDem]

спасибо уже скачал и читаю...

[psywalker]

спасибо уже скачал и читаю...

Молодец, только читай внимательнее и по 10 раз одну страницу. Советую.

[AngelofDem]

Ну это само собой разумеется)Такую литературу только так и надо читать... Спасибо ещё раз...