בעיה|לא מצליח להתאים את האתר לרזולוציות שונות!

[tal_be]

שלום לכולם,
הנה האתר שקידדתי (זה רק ההתחלה, רק תראו את הבעיה):

www.c-forum.co.cc

CSS:

.banner{
margin:0px;
width:703px;
height:146px;
padding-left:270px;
}
.main{
padding-right:266.5px;
margin:0px;
float:right;
}
.hosting{
padding-right:0px;
margin:0px;
float:right;
}
.gaming{
padding-right:0px;
margin:0px;
float:right
}
.domain{
padding-right:0px;
margin:0px;
float:right;
}
.support{
padding-right:0px;
margin:0px;
float:right;
}
.about{
padding-right:0px;
margin:0px;
float:right;
}
.contact{
padding-right:0px;
margin:0px;
float:right;
}
.winstart{
padding-right:262.5px;
float:right;
padding-top:2px;
margin:0px;
z-index:1;
}
.winstartorder{
padding-right:262.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:45px;
top:357px;
}
.winadv{
padding-right:262.5px;
float:right;
padding-top:0px;
margin:0px;
}
.winadvorder{
padding-right:262.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:45px;
top:519px;
}
.winpro{
padding-right:262.5px;
float:right;
padding-top:0px;
margin:0px;
}
.winproorder{
padding-right:262.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:45px;
top:681px;
}
.box1{
padding-right:5px;
margin:0px;
padding-top:2px;
float:right;
}
.box2{
padding-right:5px;
margin:0px;
padding-top:0px;
float:right;
}
.box3{
padding-right:5px;
margin:0px;
padding-top:0px;
float:right;
}
.linuxstart{
padding-right:5px;
margin:0px;
padding-top:2px;
float:right;
z-index:1;
}
.linuxstartorder{
padding-right:266.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:581px;
top:357px;
}
.linuxadv{
padding-right:5px;
margin:0px;
padding-top:0px;
float:right;
}
.linuxadvorder{
padding-right:266.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:581px;
top:519px;
}
.linuxpro{
padding-right:5px;
margin:0px;
padding-top:0px;
float:right;
}
.linuxproorder{
padding-right:266.5px;
margin:0px;
padding-top:0px;
z-index:2;
position:absolute;
right:581px;
top:681px;
}
.domainbox{
padding-right:261px;
margin:0px;
z-index:1;
float:right;
}
.loginbox{
padding-right:7px;
margin:0px;
z-index:1;
float:right;
}
.reshima{
z-index:5;
position:absolute;
right:240px;
top:250px;
line-height:20px;
}

עכשיו, אם אתם תשתמשו ברזולוציה אחרת, או תקטינו את החלון, הכל יתבלגן.

מה לעשות?
אני יודע שאפשר להשתמש באחוזים אבל כשאני עושה את זה אז הקל קופץ לי שורה ומתבלגן בצורה אחרת.

ועוד שאלה, למה האתר עולה די לאט?

תודה.