Чтобы div с динамической шириной выравнивался по центру и оставался по центру если он шире окна браузера.

[Squidward]

Нужно, чтобы div с динамической шириной выравнивался по центру окна и оставался по центру, если он оказывается шире окна браузера, и чтобы появлялись полосы прокрутки. По центру у меня получается выровнять, но когда окно браузера становится меньше дива, он прижимается к левой стороне окна.

[Gaspode]

Покажите код.

[Squidward]

Покажите код.

<div id="outside">
<div id="inside">
<div id="dinamic">блок с динамической шириной </div>
</div>
</div>

#outside{ overflow: hidden; position:relative }
#inside { position: relative; left: 50%; float: left; }
#dinamic { position: relative; right: 50%;     z-index: 1; }

[Gaspode]

Если честно, это дурдом чистой воды.

Вот нормальный вариант.

#inside { text-align: center;}
#dinamic { display: inline-block; text-align: left;}

Если это не то, нарисуйте как вам надо.

Edited January 20, 2012 by Gaspode

[Squidward]

Если честно, это дурдом чистой воды.

Вот нормальный вариант.

#inside { text-align: center;}
#dinamic { display: inline-block; text-align: left;}

Если это не то, нарисуйте как вам надо.

И точно так же он у вас не станет заходить за левый край, а прижмется к нему.

[Gaspode]

Нарисуйте, как должно быть.

[Squidward]

Да как тут нарисуешь... К примеру, имеем див с шириной 1200 (это в данный момент, ширина ведь динамическая), выровненный как вы говорили при помощи text-aling. Если разрешение экрана 1600, он останется по центру окна браузера. А если разрешение 1024, то есть меньше ширины дива, то он прилепится к левому краю окна, а его правая сторона вывалится за правую границу окна. А надо, чтобы он остался по центру, а его края равномерно ушли за границы окна браузера.

Edited January 21, 2012 by Squidward

[psywalker]

potition: absolute?

[Squidward]

potition: absolute?

Неа... Тогда он центрироваться перестанет, да и за левый край не выйдет все равно, независимо от позиционирования родителя... Это если про text-align:center говорить.

[DStereo]

но когда окно браузера становится меньше дива, он прижимается к левой стороне окна.

Див всегда будет прижиматься к левой стороне окна браузера - это стандартное поведение для всех браузеров. Даже если вы выровняете этот див при помощи position:absolute, то он просто будет обрезаться с левой стороны.

[Squidward]

Частично заработал такой способ:

<div id="inside">
<div id="dinamic">блок с динамической шириной </div>
</div>

#inside { width:2000px; position:absolute; left:50%; margin-left:-1000px; text-align:center; overflow:hidden; }
#dinamic { display: inline-block; }

То есть мы заранее задали оборачивающему диву ширину, большую окна браузера. В этом случае #dinamic выравнивается как надо. Но есть одна значительная проблема - оборачивающий див создает небольшой скроллинг справа. И чем меньше разрешение монитора, тем этот скроллинг больше.

Да, забыл, и для ишака6-7 указываем

 _overflow:hidden;
 *zoom:1;
 *display:inline;

А то он inline-block неправильно понимает и не центрирует.

Edited January 21, 2012 by Squidward

[psywalker]

А так не пойдёт? http://jsfiddle.net/jqNHm/

[Squidward]

А так не пойдёт? http://jsfiddle.net/jqNHm/

А так то, что скрыто за скроллингом справа (если он есть), просто обрезается и при прокрутке мы видим, что кусок дива обрезан =)

Edited January 21, 2012 by Squidward