Выравнивание

[a4OttO]

Собственно сабж.
Верстаю макетик.
Необходимо сделать так, чтобы все элеменьы были на своих позициях при различных разрешениях экрана.
Блоки сделал следующим образом

//css
* {margin:0; padding:0}
html {background:url(background_4.gif) repeat-y 20% 0 #fff}
body {background:url(background_44.gif) repeat-y 80% 0; min-width:640px}
#header {background:#fcc}
#menu {background:#ffc; width:20%}
#content {background:#9cf; width:60%}
#sub-section {background:#cfc; width:19.9%}
#footer {background:#ccf; clear:left}
#header, #menu, #content, #sub-section, #footer {overflow:hidden; display:inline-block}
#header, #footer {width:100%}
#menu, #content, #sub-section {float:center}

Пример блока

#b1_bar {
****position:absolute;
****width:581px;
****height:29px;
****z-index:1;
****left: 194px; - вот как бы сделать так чтобы это расстояние автоматически уменьшалось или увеличивалось?
****top: 63px;
}

Вот как сделать чтобы например картинка каждый раз была на своем месте.
просто у меня разрешение экрана 1280 на 1024, все вроде хорошо. А как только уменьшаю. То моментально весь дизайн уезжает влево. Как это избежать? Чтобы он не уезжал.
Не понятно конечно объясняюсь , но как смог)

[Zigzag]

min-width?

[Aykroyd]

Действительно ничего не понял...

[a4OttO]

Короче надо просто сделать так, чтобы сайт всегда был по центру.
При любом разрешении экрана)

[Aykroyd]

Как пример:

body {width: 1000px; margin: 0px auto;}

или

body {margin: 0px 50px;}

[a4OttO]

Originally posted by Aykroyd@Aug 3 2007, 13:18
Как пример:

body {width: 1000px; margin: 0px auto;}

или

body {margin: 0px 50px;}

<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

Спасибо!) Попробуемс)