Привет. Сделал одностраничник, вроде бы написал CSS резиновый, все задал в процентах, а он все равно на разных мониторах отображается по разному(
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, textarea, fieldset, form, table, label, legend, caption, tbody, tfoot, thead, tr, td, th, input {
border: 0pt none;
margin: 0pt;
outline: 0pt none;
padding: 0pt;
}
:focus {
outline: 0pt none;
}
body {
font-family: Tahoma;
line-height: 1;
}
a {
text-decoration: none;
}
img {
border: 0px none;
}
html {
height: 100%;
width: 100%;
}
a, a:link {
color: rgb(0, 94, 122);
text-decoration: underline;
}
a:hover {
color: rgb(11, 156, 234);
text-decoration: none;
}
p, .decor_h1 {
font: 18px/120% "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 0pt 0pt 25px;
}
.reg_box {
background: url('') repeat scroll 0pt 0pt transparent;
border-radius: 20px 20px 20px 20px;
margin: 0pt auto;
padding: 20px 15px;
position: relative;
text-align: center;
top: 145px;
width: 800px;
}
h1 {
clear: both;
color: rgb(138, 107, 79);
font: 30px/120% "Trebuchet MS",Arial,Helvetica,sans-serif;
padding-bottom: 20px;
}
.agreed {
font: 18px/120% "Trebuchet MS",Arial,Helvetica,sans-serif;
padding-bottom: 40px;
}
.button {
background: url('enter.jpg') repeat-x scroll 50% 0pt transparent;
border-radius: 5px 5px 5px 5px;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font: 25px/46px "Trebuchet MS",Arial,Helvetica,sans-serif;
height: 46px;
padding: 0pt 10px;
position: relative;
}
.button:hover {
background-position: 50% -46px;
}
.button:active {
left: 1px;
top: 1px;
}
.input_line small {
color: rgb(139, 139, 139);
display: block;
font: 11px/120% Tahoma,Geneva,sans-serif;
padding-top: 5px;
}
.input_line input, .input_line select {
border: 1px solid rgb(151, 113, 113);
border-radius: 5px 5px 5px 5px;
padding: 10px;
}
body {
background: url('back.jpg') no-repeat scroll 50% 0pt rgb(0,0,0) ! important;
color: rgb(82, 82, 82);
font: 13px/120% Tahoma,Geneva,sans-serif;
position: relative;
width: 100%;
}
.billinginfo_light {
margin-top: 3820px;
}
.billinginfo_light, .billinginfo_light *, .billinginfo_light A, .billinginfo_light * A {
color: rgb(242, 242, 242);
font-size: 11px;
}
.billinginfo_light .billinginfo_water {
}
.ch {
padding: 700px 0 40px 40px;
}
.ch A IMG {
FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
khtml-opacity: 0;
moz-opacity: 0;
opacity: 0;
}
#centerLayer {
margin-left: -22%;
}