Еднакъв сайт при различни резолюции , компютри.

[lam3r4370]

Как да направя , така че сайта да изглежда нормално под всички резолюции и компютри ,защото днес в училище сайта се виждаше ужасно!

Css:

body {
background:url(images/fon.gif) repeat;
}

#kazan {
	position:absolute;
	background: url(head2.jpg) no-repeat;
	width:100%;
	height:100%;
	left:0px;
	top:0px
}

#umno {
	position:absolute;
	top:500px;
	right:300px;
	
}

#prosto {
	position:relative;
	top:-535px;
	*top:-500px;
	left:450px;
	background:url(images/novini.gif) no-repeat;
	width:443px;
	height:173px;
	margin-top:-60px;
	clear:right;
	text-align:justify;
	padding-top: 0px;

}
#prosto:hover {
	color: #59685b;
	text-indent:0.5cm;
	

}

td.nav {
	background: url(images/menu-kvadrat.gif) no-repeat;
	width:295px;
	height:120px;
	position:absolute;
	top:9px;
	*top:37px;
	right:83px;
	*right: 85px;
}


#idnss {
	position:relative;
	width:374px;
	height:472px;
	top:497px;
	left:0px;
}
#idnsss {
	position:absolute;
	width:472px;
	height:200px;
	top:320px;
	right:120px;
}



#button {
	position:absolute;
	width:1006px;
	height:248px;
	top:645px;
	left:400px;
}
#idn {
	background:url(images/up-menu.gif) no-repeat;
	position:relative;
	width:1000px;
	*width: 100%;
	height:360px;
	top:240px;
	*top:233px;
	right:8px;
	*right:11px;
	padding-top:15px;
	padding-left:7px;
}
#idn a {
	padding:5px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Sans-Serif;
	font-size: 15px; 
}
#idns {
	position:absolute;
	width:591px;
	height:354px;
	top:340px;
	*top: 360px;
	left:0px;
}

 

[vankich]

Ограничи използването на position: absolute; до минимум и ще постигнеш добри резултати. Вкарай си всичко в един главен ДИВ и от там си нареждай елементите.

 

[shterev]

width:1000px;
*width: 100%;

Само като прехвърлих на бурзо се спрях на тези редове.Та как искаш да е еднакво , като на модзила и опера ще ти излезе 1000 пиксела , а при ие-тата на 100 процента?