Кодиране на дизайн

[lub4o]

Здравейте, правя си един дизайн с dreamweaver има един инструмент, но като го направя на резолюция 1024 се вижда добре, но като мина на другото PC а там е на 1280 и е застанал сайта само от едната страна
ето го кода

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>sdadsadas</title>
<style type="text/css">

</style>
</head>

<body>
<div id="Layer11"><img src="dawn.png" width="260" height="277" /></div>
<div id="Layer8"> <img src="header.png" width="954" height="201" /></div>
<div id="Layer9">
  <div align="center"><img src="buton.png" width="951" height="54" /></div>
</div>
<div id="Layer10"><img src="down.png" width="271" height="51" /></div>
<div id="Layer12"><img src="center.png" width="443" height="38" /></div>
<div id="Layer13"><img src="centedown.png" width="436" height="347" /></div>
<div id="Layer14"></div>
<div class="style1" id="Layer15">Навигация</div>
</body>
</html>

 

[2SHAE]

Защото ползваш position:absolute ако искаш да центрираш дива примено контейнер в средата му сложи margin: 0 auto; и после примерно вътре ако имаш кутийки сложи на тази дето стои в ляво float: left; и на дясната right или може пак left и да сложиш margin: left; дано си разбрал нещо

 

[dgeorgiev]

Лоша практика е да кодираш дизайн с "position: absolute" понеже се позиционира абсолютно според екрана и не може да се направи еднакъв сайта под различните резолюции както каза и @2SHAE. По-добре прегледай уроци как се кодира дизайн и там ще разбереш как да го направиш без position: absolute, а като използваш margin. Примерно за центрирането аз правя:

body{margin:0;padding:0;text-align:center;}
#content{margin: 0 auto;width: 900px;text-align:left;}

Като след това слагам всичко в дива #content и досега нямам никакви проблеми с размествания