Помогите С Устранение Неполадки При Вёрстке

[kartes12 259]

не могу понять как растянуть в длину ( да и в ширину ) новости на сайте

в CSS уже вроде всё перерыл хз вообще что да как

помогите хотябы направление куда идти

[localhost 715]

по-моему в % задаётся ширина

а длина должна от новости увеличиваться

[kartes12 259]

по-моему в % задаётся ширина

а длина должна от новости увеличиваться

 

#content{

background-position: center top;

position: absolute;

height:500px;

width:480px;

left:50%;

margin-left:-220px;

top:600px;

}

 

 

вот дивка ( скажем так )

меняю процент она уходит в лева или в права

по пиксилям начинаю шайтанить она уходит в разные стороны

 

margin-left:-220px;

top:600px;

меняя эти параметры она движеться по странице

height:500px;

width:480px;

а меняя эти она тупо уходит в лево

 

 

 

а от добавления новостей , новости начинают прокручиваться ( скролится ) и ваще не пойму не в одном глазу что не так делаю

Изменено 10 октября, 2014 пользователем kartes12

[Boolean 121]

Это CSS 100%.

[kartes12 259]

Это CSS 100%.

input {

outline: none;

vertical-align: middle;

border:none;

color:#7c736f;

background:url(../images/inzone.png) no-repeat;

height:24px;

width:150px;

margin-left:5px;

}

input[name=l2sec_code]{

background:url(../images/miniinzone.png) no-repeat;

height:24px;

width:71px;

margin-left:5px;

}

 

.inputstile{

position:relative;

left:3px;

}

select[name=l2prefix]{

background:url(../images/inzone.png) no-repeat;

height:24px;

width:71px;

margin-left:5px;

border: none;

color: #ff0000;

}

 

 

input[type=text]{padding-left:3px; width:146px;}

input[type=password]{padding-left:3px; width:146px;}

input[name=register]{background:url(../images/register.png); height:73px; width:269px;}

input[name=register]:hover{background:url(../images/registerh.png);}

 

 

 

.clr {clear: both;}

 

a { color:#fff; }

a:hover { text-decoration:none; }

 

body {

overflow-x: hidden;

background: #000;

background-image: url(../images/bg.jpg);

background-position: center top;

background-repeat: no-repeat;

width:100%;

height:1850px;

margin:0px;

padding:0px;

font-family: Times New Roman Arial, Tahoma, Verdana, sans-serif;

font-size:16px;

color:#ad9f99;

}

 

p{

font-size:13px;

}

 

#topmenu {

background-position: center top;

position: absolute;

height:65px;

width:790px;

left:50%;

margin-left:-410px;

top:0px;

}

 

#content{

background-position: center top;

position: absolute;

height:500px;

width:480px;

left:50%;

margin-left:-220px;

top:600px;

}

 

#status{

background-position: center top;

position: absolute;

height:140px;

width:225px;

left:50%;

margin-left:340px;

top:620px;

}

 

#lk{

background-position: center top;

position: absolute;

height:140px;

width:225px;

left:50%;

margin-left:-460px;

top:865px;

}

#top{

background-position: center top;

position: absolute;

height:205px;

width:480px;

left:50%;

margin-left:-410px;

top:1110px;

}

 

.top-zonepk{

background-position: center top;

position: absolute;

height:205px;

width:215px;

left:15px;

top:0px;

}

 

.top-zonepvp{

background-position: center top;

position: absolute;

height:205px;

width:215px;

left:250px;

top:0px;

}

 

#community-zone{

background-position: center top;

position: absolute;

height:270px;

width:270px;

left:50%;

margin-left:165px;

top:795px;

}

 

#video-zone{

background:url(../images/promo.png);

background-position: center top;

position: absolute;

height:156px;

width:231px;

left:50%;

margin-left:250px;

top:855px;

}

#video-zone:hover{

background:url(../images/promoh.png);

}

 

#footer{

background-position: center top;

position: absolute;

height:55px;

width:380px;

left:50%;

margin-left:-550px;

top:1750px;

}

 

.menuhome{

background: url(../images/menu/head.png);

background-position: center top;

position: absolute;

height:56px;

width:73px;

left:5px;

top:10px;

}

.menuhome:hover{

background: url(../images/menu/headh.png);

}

.menureg{

background: url(../images/menu/reg.png);

background-position: center top;

position: absolute;

height:55px;

width:100px;

left:95px;

top:11px;

}

.menureg:hover{

background: url(../images/menu/regh.png);

}

.menuinfo{

background: url(../images/menu/infoserver.png);

background-position: center top;

position: absolute;

height:55px;

width:78px;

left:220px;

top:11px;

}

.menuinfo:hover{

background: url(../images/menu/infoserverh.png);

}

.menufiles{

background: url(../images/menu/files.png);

background-position: center top;

position: absolute;

height:59px;

width:54px;

left:330px;

top:11px;

}

.menufiles:hover{

background: url(../images/menu/filesh.png);

}

.menustats{

background: url(../images/menu/stat.png);

background-position: center top;

position: absolute;

height:55px;

width:94px;

left:420px;

top:11px;

}

.menustats:hover{

background: url(../images/menu/stath.png);

}

 

.menudonate{

background: url(../images/menu/donate.png);

background-position: center top;

position: absolute;

height:54px;

width:125px;

left:540px;

top:11px;

}

.menudonate:hover{

background: url(../images/menu/donateh.png);

}

 

.menuforum{

background: url(../images/menu/forum.png);

background-position: center top;

position: absolute;

height:54px;

width:103px;

left:685px;

top:11px;

}

.menuforum:hover{

background: url(../images/menu/forumh.png);

}

 

 

.status-s2{

background: url(../images/server2.png);

position: absolute;

height:61px;

width:45px;

margin-left:0px;

top:55px;

}

 

.vhod{

background: url(../images/vhod.png);

position: absolute;

height:22px;

width:79px;

top:100px;

left:121px;

}

.vhod:hover{

background: url(../images/vhodh.png);

}

 

.faststart{

background: url(../images/faststart.png);

background-position: center top;

position: absolute;

height:79px;

width:230px;

left:50%;

margin-left:-115px;

top:450px;

}

 

#page_title {

text-align: center;

margin-bottom: 32px;

}

 

#menu {

height: 350px;

background: url(../images/menu_bg.jpg) no-repeat;

padding-left: 270px;

line-height: 30px;

padding-top: 519px;

}

 

#menu a {

font-family: Georgia;

font-size: 14px;

color: #898d81;

text-shadow: 6px 6px 2px rgba(0,0,0,0.2);

}

 

#menu span a {

color: #fff;

}

 

#menu a:hover {

color: #fdfdfd;

text-decoration: none;

-webkit-transition: all 0.2s ease;

}

 

.faststart:hover{

background: url(../images/faststarth.png);

}

 

.ncontent {

width:445px;

left:50%;

color:#ffe4ba;

font-size:13px;

font-family: "arial";

margin-left:20px;

margin-top:10px;

}

 

 

.ntitle {

position:absolute;

font-size: 16px;

text-align: center;

color:#fdf5d3;

font-family: "Times New Roman Arial";

margin-top:9px;

margin-left:100px;

text-shadow:#000 -2px -3px 1px;

 

}

 

.ntime {

position:absolute;

font-size: 13px;

text-align: left;

color:#fdf5d3;

font-family: "Times New Roman Arial";

margin-top:9px;

margin-left:350px;

 

}

 

.ninfo{

margin-left:340px;

height:41px;

width:125px;

padding-top: 9px;

color:#ffe1a2;

font-family: "Arial";

}

 

.ninfo a{

padding-top:3px;

padding-left: 28px;

font-size: 13px;

font-family: "Arial";

color:#ffe1a2;

}

 

 

/*Дополнения*/

/*============================*/

/*=== custom ===*/

/*============================*/

.topzona{

background:url(../images/lineagetop.png);

background-position: center top;

position:absolute;

top:5px;

height:43px;

width:100px;

}

.otstuptop{

position:relative;

top:5px;

left:6px;

}

 

 

/*============================*/

/*=== Forum ===*/

/*============================*/

.zforum{

position:absolute;

top:-5px;

}

 

/*============================*/

/*=== Scroll ===*/

/*============================*/

#mycustomscroll { overflow-y:scroll; height:460px; width:490px;}

 

#mycustomscroll { position: relative; margin: 0.3em auto;}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

.vscrollerbase, .vscrollerbar { width: 32px;}

.hscrollerbase, .hscrollerbar { height: 24px; }

.vscrollerbar, .hscrollerbar {padding: 24px 0 17px; z-index: 2; }

.vscrollerbarbeg { background:url(../images/polz.png) no-repeat 0 0; height:47px !important; width: 28px;}

#mycustomscroll_vscrollerbar { height:24px !important}

 

 

/*============================*/

/*=== Status ===*/

/*============================*/

.zstatus{

position:absolute;

top:13px;

left:1px;

}

#left-col {position: absolute; padding-top: -20px;}

.goleft{

position:relative;

left:33px;

top:10px;

}

 

 

 

/*============================*/

/*=== Custom Slider Styles ===*/

/*============================*/

#slider-wrapper {

width:440px;

height:153px;

margin:0 auto;

margin-left:107px;

}

 

#slider {

position:relative;

width:400px;

height:150px;

margin-left:-80px;

background:url(../images/slider/loading.gif) no-repeat 50% 50%;

}

#slider img {

position:absolute;

top:0px;

left:0px;

display:none;

}

#slider a {

border:0;

display:block;

}

 

.nivo-controlNav {

position:absolute;

left:200px;

bottom:-55px;

}

.nivo-controlNav a {

display:block;

width:22px;

height:22px;

background:url(../images/slider/bullets.png) no-repeat;

text-indent:-9999px;

border:0;

margin-right:3px;

float:left;

}

.nivo-controlNav a.active {

background-position:0 -22px;

}

 

.nivo-directionNav a {

display:block;

width:30px;

height:30px;

background:url(../images/slider/arrows.png) no-repeat;

text-indent:-9999px;

border:0;

}

a.nivo-nextNav {

background-position:-30px 0;

right:50px;

}

a.nivo-prevNav {

left:15px;

}

 

.nivo-caption {

text-shadow:none;

font-family: Helvetica, Arial, sans-serif;

}

.nivo-caption a {

color:#efe9d1;

text-decoration:underline;

}

 

 

Изменено 10 октября, 2014 пользователем kartes12

[kartes12 259]

разобрался

 

 

решение лежало под носом

 

я пытался изменить размер самих новостей , когда надобыло менять размеры скролл бара новостей =)

но всеравно спасибо =)

[mac 53]

В след раз кусок css и кусок html кидай разобратся будет проще