CSS rozdzielczość

[marcepun89 (Marcepun)]

witam mam problem z ustawieniem rozdzielczości( przy większych 960 px 1024 px ) na moim blogu

body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 72.5%; text-align: center; color:#000000; background: #fff; background: url(/resource/choina.gif) repeat; } a { color: #87CEFA; text-decoration:none; } a:visited { color: #4B0082; } a:hover { color: #87CEEB; text-decoration:none; } blockquote { background: url(/resource/543211pilka_divider.gif) no-repeat left top; MARGIN: 5px 10px; padding: 0px 10px 0px 30px; FONT-SIZE: 1.2em; FONT-FAMILY: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; } #BlogGlownyBox { background:#87CEEB url(/resource/411boki.gif) center repeat-y; width:760px; margin:0 auto; padding:0px 10px; text-align:left; position:relative; } #BlogBodyBox { border:1px solid #dfdad6; margin:0px 4px; padding:0; background:#fff; width:750px; } #NadTytul { background:#000000; height:2px; } #BlogTytulBox { background:#fff url(/resource/JAGS.gif) no-repeat center; height: 350px; margin: 0px 4px 4px 4px; padding:0; width:750px; border:1px solid #dfdad6; text-align:left; FONT-FAMILY: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; } #BlogTytulText { padding:60px 300px 0 20px; margin: 0; font-size: 2.6em; font-weight: bold; letter-spacing: 1px; line-height:1em; } #BlogTytulText h1 { font-weight: bold; margin: 0px; font-size: 1em; } #BlogTytulText a { color:#00BFFF; text-decoration: none; } #BlogTytulText a:hover { color:#664D16; text-decoration: none; } #BlogTytulOpis { font-size:1.6em; color:#664D16; text-align:left; line-height:1em; margin:0; padding:20px 300px 0 20px; } #BlogWazkaSzpalta, #SkomentujWazkaSzpalta { width:114px; padding:0px; } #BlogSzerokaSzpalta { width:608px; padding: 0px 22px 0px 4px; margin:0px 0px 50px 0px; overflow:hidden; } #BlogKategorie { } #BlogKategorieBox { font-size: 1.1em; border:1px solid #dfdad6; margin: 4px 0px; padding: 10px; } #BlogKategorie { width:470px; } #BlogRss { text-align: right; } #BlogKategorieWybranaTytul h3 { FONT-FAMILY: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size: 1.2em; color:#191970; text-align: center; padding: 10px 0px 15px 0px; margin:0px;} #SkomentujBoxEtykieta { font-size: 1.1em; border:1px solid #dfdad6; margin: 4px 0px; padding: 10px; } div#BlogWpisPoprzedniLewy { float: left; } div#BlogWpisNastepnyPrawy { float: right; } .BlogDataWpisu, #BlogWpisPoprzedniNastepnyBox { color: #999; font-size: 1em; margin: 20px 10px 0 10px; } .BlogWpisBox, #SkomentujBox, #StatycznaBox { margin: 5px 10px 0 10px; } .BlogWpisItemTytul, .TytulKomentowanegoWpisu, #StatycznaTytul { color:#191970; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:2.0em; font-weight:bold; letter-spacing:1px; line-height:1em; } .BlogWpisItemTytul a, .BlogWpisItemTytul a:hover, .BlogWpisItemTytul a:visited { color:#87CEFA; } .TytulKomentowanegoWpisu h2, #StatycznaTytul h2 { font-size:1em; margin:0px; } .BlogWpisTresc, .TrescKomentowanegoWpisu, .WstepKomentowanegoWpisu, #StatycznaZawartosc { font-size:1.1em; line-height: 1.8em; } .BlogWpisTresc img, .TrescKomentowanegoWpisu img, .WstepKomentowanegoWpisu img, #StatycznaZawartosc img { background:#f8f8e8; border:#dfdad6 1px solid; padding:4px; } .BlogWpisTresc h3 { font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; line-height:1em; } .BlogWpisInfo { margin:30px 0px 80px 0px; color: #999; font-size: 1.1em; } .InfoKomentowanegoWpisu { margin:30px 0px 0px 0px; color: #999; font-size: 1.1em; } #PolecWpisStrKom { margin:0px 0px 0px 0px; color: #999; font-size: 1.1em; } #BlogArchiwumBox, #BlogZakladkiBox, #BlogChmuraTagowBox, #BlogTytulyOstatnichWpisow, #BlogAutorzyBox, #BlogKalendarzBox { padding: 0px 0px 35px 0px; margin: 4px 0px 26px 0px; border:1px solid #dfdad6; background: #f8f8e8 url(/resource/543211nav_bottom.gif) no-repeat bottom; font-size:1.1em; } .ArchiwumItem {padding-left:10px;} #ZakladkiTytul, #ArchiwumTytul, #BlogChmuraTagowTytul, #BlogTytulBoxaOstatnichWpisow, #BlogAutorzyTytul{ background:url(/resource/543211nav_top.gif) no-repeat top center; padding: 35px 5px 5px 5px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1em; text-align:center; } .TytulFolderaZakladek { font-weight:bold; padding: 15px 5px 5px 10px; } .PoziomDrzewa { padding: 0px 5px 0px 15px } .ZakladkaEtykieta { } #BlogTytulyOstatnichWpisow ul, #BlogAutorzyBox ul { margin: 0px; padding: 0px 5px 0px 15px; list-style-type: none; } #BlogTytulyOstatnichWpisow li, #BlogAutorzyBox li { } #BlogChmuraTagowBox ul { margin: 0px; padding: 0px; list-style-type: none; text-align:center; } #BlogChmuraTagowBox li { display:inline; } #SkomentujListaKomentarzy, #SkomentujListaTrackback { margin-top: 60px; } #SkomentujTytListyKomentarzy, #SkomentujTytListyTrackBack { padding: 0px 0px 5px 5px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.6em; font-weight:bold; letter-spacing:1px; line-height:1em; border-bottom:1px solid #dfdad6; } div#SkomentujTrackBackUrlInfo { padding: 5px 0px 5px 5px; } DIV#SkomentujTrackBackUrlInfo textarea {background: transparent; font-size: 11px; border: 0; overflow: hidden; width: 99%} .InfoKomentarzMinus {display: none;} .InfoKomentarzAuthor { padding: 5px 0px 4px 0px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1em; } .InfoKomentarzData { color: #999; } .infoKomentarzTekst { } div.InfoTBTresc { } div.InfoTBData { color: #999; width: 160px; border-top: 1px solid #dfdad6; } .Infopar, .Infoniepar { border:1px solid #dfdad6; padding: 4px 4px 14px 4px; margin: 4px 0px; font-size:1.1em; } /* WYSZUKIWARKA */ padding: 10px; } div#BlogStronicowanieBox table {width:60%; margin-left: 20%; margin-right: 20%; border: 0} td.BlogStronicowaniePoprzednie {text-align: right; padding-right: 3px} td.BlogStronicowanieStrony {text-align: center} td.BlogStronicowanieNastepne {text-align: left; padding-left: 3px} /* Awatary z MyBlogLog.com w komentarzach od Debergeraca - pioornik http://pioornik.blox.pl/2008/07/Awatary … rzach.html */ .MBLAvatar { margin: 0px 8px 0px 0px; float: left; border:1px solid #8C9E73; } /* zwijane zak³adki od Eskey’a - experymenty informatyczne http://sgk74exp.blox.pl/2008/03/zwijane … druga.html */ .off, .on { display: block; cursor: pointer; padding-left:25px; } .off { background: url(’/resource/plus.gif’) 10px 10px no-repeat; } .on { background: url(’/resource/minus.gif’) 10px 10px no-repeat; } /* poziome zwijane archiwum od Szymona - testblog http://testblog.blox.pl/2007/02/Zaczaru … loksa.html */ #nav{ list-style-type: none; padding: 10px 0px 20px 15px; margin:0px; } #nav ul{ list-style-type: none; padding: 0; margin:0} #nav ul { position: absolute; left: -9999px; top: 1.2em; z-index: 9; border:1px solid #D7D1CA; BACKGROUND: #eeeeee; padding: 0px} #nav li:hover ul, #nav li.over ul { left: 0ex } #nav li { color: #8C9E73; font-size: 11px; FONT-FAMILY: Verdana, sans-serif; position: relative; float: left; padding: 0 0.5ex} #nav li:hover, #nav li.over { color: #664D16; cursor: default} #nav li li { float: none; width: 13.5ex; margin: 0; border-bottom:1px solid #D7D1CA; } #nav a { display: block; color: #8C9E73; padding: 3px 7px; } #nav a:hover { color: #997322; } /* ostatnie komentarze od Szymona - testblog http://testblog.blox.pl/2007/05/Ostatni … dgetu.html */ #LastComments { width:188px; padding: 0px 0px 35px 0px; margin: 4px 0px 26px 0px; border:1px solid #dfdad6; background: #f8f8e8 url(/resource/543211nav_bottom.gif) no-repeat bottom; font-size:1.1em; } #LCtitle { background:url(/resource/543211nav_top.gif) no-repeat top center; padding: 35px 5px 5px 5px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1em; text-align:center; } #LastComments ul{ list-style:none; padding:0; margin:0;} #LastComments li { font-size: 11px; padding: 5px 10px 5px 10px; } #LastComments a { } .LCuser { font-weight: bold; } .LCdate { color: #999; font-size:0.9em; } /* tagi del.icio.us */ .delicious-tags { width:188px; padding: 0px 0px 35px 0px; margin: 4px 0px 26px 0px; border:1px solid #dfdad6; background: #f8f8e8 url(/resource/543211nav_bottom.gif) no-repeat bottom; font-size:1.1em; } ul.delicious-cloud { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align: center !important; display:block; padding: 2px 10px 4px 0px !important; } .delicious-banner { background:url(/resource/543211nav_top.gif) no-repeat top center; margin: 0 0 0 0 !important; padding: 35px 5px 5px 5px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1em; text-align:center; } .delicious-banner a { } .delicious-tags a:hover { color: #997322 !important; } .boks { width:188px; padding: 0px 0px 35px 0px; margin: 4px 0px 26px 0px; border:1px solid #dfdad6; background: #f8f8e8 url(/resource/543211nav_bottom.gif) no-repeat bottom; font-size:1.1em; } .tyt { background:url(/resource/543211nav_top.gif) no-repeat top center; padding: 35px 5px 5px 5px; font-family: ‘Segoe Print’, ‘trebuchet ms’, arial, sans-serif; font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1em; text-align:center; } .boks p { margin: 0; padding: 2px 5px 8px 15px; } .boks ul, boks ol { margin: 0 0 0 5px; padding: 2px 5px 8px 15px; } .boks img { max-width:168px; } #uStopka { position:absolute; bottom:20px; left:20px; width: 434px; FONT-SIZE: 90%; } #menuTop { position:absolute; top:5px; left:14px; width:750px; height:29px; border:1px solid #dfdad6; font-size:1.1em; } ul#menuTop { list-style-type:none; padding:0px; margin:0px; } #menuTop li { float:left; padding:0px 0px 0px 10px; margin:6px 0px 0px 10px; color:#ccc; border-left:1px solid #dfdad6; } #menuTop li:first-child { border-left:none; } #menuTop li a { } #menuTop li a:hover{ text-decoration:underline; }

[Rst00]

Daj linka do strony.

[trotefazy]

niezbyt precyzyjnie określiłeś swój problem

[marcepun89 (Marcepun)]

http://kopniety.blox.pl

Chciałbym by wchodząc na stronę czytelnik miał komfort by dobrze wyglądało pod różnymi rozdzielczościach ekranu, a w szczególności w popularnych 800x600 i 1024x768.

[YoJoe]

poczytaj o media queries w css i przy mniejszej rozdzielczości niż 960 ładuj alternatywnego css-a.

Generalnie tu się responsywne techniki kłaniają, ale to niepotrzebna strata czasu na logikę i dłubanie.