Здравствуйте! Помогите пожалуйста сделать чтобы страничка оптимизировалась под экран. Вот код с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; }
|
|