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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Best, 18 дек 2012.

Наш партнер Genesis Hackspace
  1. Best

    Best Гость

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

    Вот код с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]
     
  2. pslk

    pslk New Member

    Регистрация:
    26 дек 2012
    Сообщения:
    4
    Симпатии:
    0
    Код (Text):
    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 */
    }
    Попробуй так.
     
Загрузка...

Поделиться этой страницей