Собственно сабж.
Верстаю макетик.
Необходимо сделать так, чтобы все элеменьы были на своих позициях при различных разрешениях экрана.
Блоки сделал следующим образом
Код:
//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, все вроде хорошо. А как только уменьшаю. То моментально весь дизайн уезжает влево. Как это избежать? Чтобы он не уезжал.
Не понятно конечно объясняюсь , но как смог)