Здравствуйте! Помогите пожалуйста сделать чтобы страничка оптимизировалась под экран. Вот код сss | Код |
body {
margin: 0;
padding: 0;
font-family: "aaaiight!";
color: #000000;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
p, blockquote, ul, ol {
line-height: 180%;
text-align: justify;
font-size: small;
font-family: "Comic Sans MS", cursive;
font-weight: bold;
}
ul {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}
a:hover {
text-decoration: none;
}
img {
border: none;
}
/* Header */
#header {
width: 660px;
height: 200px;
margin: 0 auto;
}
/* Logo */
#logo {
float: left;
width: 200px;
height: 200px;
background: url(images/img1.gif);
}
#logo * {
text-align: center;
text-transform: lowercase;
text-decoration: none;
font-weight: normal;
color: #000000;
}
#logo h1 {
padding: 74px 0 0 0;
letter-spacing: -2px;
font-size: 2.25em;
}
#logo h2 {
padding: .25em 0 0 0;
letter-spacing: -1px;
font-size: 1em;
}
/* Menu */
#menu {
float: right;
width: 450px;
height: 200px;
background: url(images/img2.jpg);
}
#menu ul {
float: right;
margin: 0;
padding: 180px 20px 0 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
padding: 0 0 0 2em;
text-transform: lowercase;
font-size: x-small;
font-weight: bold;
color: #FFFFFF;
background-color: #000;
}
/* Content */
#content {
width: 660px;
margin: 0 auto;
background: url(images/img3.gif);
border-top: 10px solid #FFFFFF;
}
#colOne {
float: left;
width: 450px;
}
#colOne .top-head {
padding: 30px 0 0 20px;
border-top: 10px solid #F52EDA;
font-family: "Comic Sans MS", cursive;
font-size: 1.6em;
}
#colOne .content {
padding: 20px;
font-family: "Comic Sans MS", cursive;
font-weight: bold;
text-align: justify;
}
#colTwo {
float: right;
width: 190px;
padding-right: 10px;
border-top: 10px solid #649CE2;
}
#colTwo .top-head {
padding: 30px 0 0 20px;
}
#colTwo .content {
padding: 10px 10px 10px 20px;
}
#extra {
height: 10px;
}
/* Footer */
#footer {
width: 660px;
height: 60px;
margin: 0 auto;
background: url(images/img4.gif);
border-top: 10px solid #FFFFFF;
}
#footer p {
margin: 0;
padding: 25px 0 0 0;
text-align: center;
font-size: x-small;
color: #000;
font-family: "aaaiight!";
}
#footer a {
color: #A1A1A1;
}
#content #colOne .content p strong {
font-weight: bold;
}
#content #colOne .content p strong {
font-weight: bold;
}
.one {
font-family: "aaaiight!";
}
.onq1 {
font-family: "aaaiight!";
}
#content #colTwo .content li {
font-weight: bold;
font-family: "Comic Sans MS", cursive;
}
#content #colOne .content table tr td {
text-align: left;
}
#colOne {
text-align: center;
}
|
|
Расширение шаблона 
Дата 18.12.2012, 15:02 (
Загрузка ...
