Размер Страницы

  • Автор темы Best
  • Дата начала
B

Best

Гость
#1
Здравствуйте! Помогите пожалуйста сделать чтобы страничка оптимизировалась под экран.

Вот код сss
<!--shcode--><pre><code class='css'>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;
}[/CODE]
 

pslk

New Member
26.12.2012
4
0
#2
Код:
html{-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:102% auto; /* Opera 9.5 */
-webkit-background-size:102% auto; /* Safari 3.0 */
-khtml-background-size:cover; /* Konqueror 3.5.4 */
background-size:cover; /* CSS3 */
}
Попробуй так.