Widget out of the line! How to fix

Hi! 
Im having a wierd problem in my forum, till today I haven't used widget but today I turned them on, and this is what I see, they're not in the line!

Hello MIKAIL,

Please provide a link to your forum.

Thank you.

If you had the widgets active I could investigate the problem.

do you want me to turn them on ?

Of course, otherwise everything appears normal to me as of now.

I activated them!

The problem is you've set #right width to 0, add this to your CSS :

Code:

#content-container #right { width:auto !important; }

That should set the width to what you've set in the widget management.

the problem still remains:P

Remove this from your CSS :

Code:

#content-container #right {
  width: 0px !important;
}

Everything got [Language]*d up when I removed that code ? 

actualy it looks like this again  

If its width is 0 then it will display outside of the forum wrapper. From your screenshot, you would most likely need to adjust your forums width after removing that rule.

no it's not 0 it's 180px

Yes, but you're setting its width to 0 by this rule :

Code:

#content-container #right {
  width: 0px !important;
}

Nothing's working actually, the widget's are not in line, so Im giving the css to you to see if there's any code that is affecting them : 

Code:

.attach{float: right;}
.hide{display: none;}
#adv_search{width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;}
#search_wrap{position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;}
#main_search {margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;}
#search_options {font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;}
#search .submit_input {background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);}
#search.attach{
    position: relative;
    right: 25px;
}

.forumline .row3, .growx:hover, td.row1.over:hover {
  background-color: #d1d1d1;
}

/* remove td bg color */
.forumline_catg td, .forumline_catg td:hover { background:none !important; }



/* row hover color */
.forumline_catg tr:hover { background:#EEA; }




.forumline_catg tr {
background: #b5b0b7; /* Old browsers */
background: -moz-linear-gradient(top,  #b5b0b7 2%, #fcfcfc 30%, #fcfcfc 70%, #b5b0b7 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#b5b0b7), color-stop(30%,#fcfcfc), color-stop(70%,#fcfcfc), color-stop(98%,#b5b0b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* IE10+ */
background: linear-gradient(to bottom,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b0b7', endColorstr='#b5b0b7',GradientType=0 ); /* IE6-9 */
}





    th.secondarytitle {
  height: #16px;
  background-repeat: repeat-x; /* You can choose any of the 3 in case you want it to repeat or not */
}


div.gensmalxl, span.gensmalxl {
    color: #000000 !important;
    }



.forumline{
border-spacing:0px;
}



    

a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}



a[href="/u1"]{   
text-shadow:-1px 0px 8px #ff0000;
}


a.mainmenu { padding-top:18px; }

a.mainmenu:hover {
    background-color: #007bff; opacity:0.6; transparency:0.5;
}

.menu_mbajtesi {
background: #171717 url("http://i57.servimg.com/u/f57/18/10/03/86/2-112.jpg") repeat-x 3px -5px;
height: 48px;
width: 86%;
border-radius: 3px;
min-width: 1126px;
margin: 0px auto 10px;
}



a.mainmenu img{
  display:none;
}



a.mainmenu {
position: relative;
padding-bottom: 15px;
color: #007bff;
text-align: center;
font-family:"Arial Black";
text-decoration: none;
z-index: 99;
margin-right: -12px;
padding-left: 15px;
padding-right: 15px;
}



.new {
 background-color: black;
 border: 1px solid #0091FF;
 color: white;
 margin-top: 2px;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 3px;
 padding-top: 3px;
 text-align: left;
 width: 154px;
}



span.gensmalxl , div.gensmalxl , div.growx {
font-size: 10px;
color: #FFFFFF;
}







.topics , .posts{
border: 1px solid rgb(214, 214, 214);
background: white;
padding: 1px;
width: 90px;
margin: 0 auto;
border-radius: 3px;
box-shadow: 1px 1px 0px white;
color: #666;
font-family: Verdana;
font-size: 11px;
  margin-top:3px;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgba(244, 244, 244, 0);
border-style: solid none none none;
}

.pun table.table td {
background-color: #fbfbfb;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .6em;
}



.pun table .tcl {
overflow: hidden;
text-align: left;
width: 72%;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
float: right;
}

.lpost{
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: 1px 1px 0 #fff;
color: #666;
font-family: Verdana;
font-size: 11px;
margin: 3px auto 0;
padding: 2px;
width: 50%;
margin-top: -5px;
margin-left: 120px;
}











.sceditor-container iframe, .sceditor-container textarea {
background-image: url(http://i40.tinypic.com/14vsmk5.png)!important;
background-position: center center!important;
background-repeat: no-repeat!important;
}



.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 2px 1px;
border-top: 1px solid rgba(0, 0, 0, 0.47);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.16) outset;
}



.menu_mbajtesi {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
}






    #tp22, #tp23 {
  font-size: 10px;
}





.forumline.whois td { border:none !important; }

#disispro {
  visibility: hidden;
  margin-top: -45px !important;
}


#social-widget img {
max-height: 51px;

}

#social-widget img {
transition-duration:400ms;
-moz-transition-duration: 400ms;
-ms-transition-duration:400ms;
-o-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}


#social-widget img:hover {
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}

a { text-decoration: none; }

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}



.panel.introduction {
color: #1f1f1f;
background-image: url(http://i57.servimg.com/u/f57/18/10/03/86/untitl49.jpg);
width: auto!important;
height: 136px;
-webkit-box-shadow: 0 7px 11px -6px #262626;
-moz-box-shadow: 0 7px 11px -6px #262626;
text-align: left;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
  box-shadow: 0px 1px 5px;
}

.forumline.forumline_catg th, .forumline.forumline_catg tr:first-child { background:none !important; }
.forumline.forumline_catg {
    background-color:#0751ad;
    background-image:url('http://i57.servimg.com/u/f57/18/10/03/86/untitl38.png');
    background-repeat:repeat-x;
  border-radius: 6px;
    -webkit-box-shadow: 0 8px 11px -6px #262626;
     -moz-box-shadow: 0 8px 11px -6px #262626;
          box-shadow: 0 8px 11px -6px #262626;
    padding:5px 5px;
}



#i_logo {
  border-radius: 6px;
}


#i_logo {
-webkit-box-shadow: 0 7px 11px -4px #262626;
-moz-box-shadow: 0 7px 11px -4px #262626;
box-shadow: 0px 2px 5px #262626;
}

#page-body { margin:0 -10px 0 -10px; }

#i_logo { margin:0 -2px 0 -2px; }

.bodyline {
  padding-left: 0em;
  padding-right: 0em;
}

Hi

From the code I gave you for .bodyline, try adding value in the padding-right by increasing the em.

Regards,
Pizza Boi

this is what happened, forum size change which I dont want it to change and everything messed up

Hi

Can you enable your widgets for a bit? Don't add the bodyline code yet, I'll try to edit them in my console and give you feedback.

Regards,
Pizza Boi

okay

Hi

I checked my console and saw that most of your table elements/styles have been cancelled out which MAY have caused the mess up in your table. Have you added any code for your table recently?

Regards,
Pizza Boi

yes, I think I have but I dont remember any of it -_-

even the FORUM size from General- Configuration wont change

Hi

Lol, why are you using pun codes when you're version's phpBB2?

Code:


.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgba(244, 244, 244, 0);
border-style: solid none none none;
}

.pun table.table td {
background-color: #fbfbfb;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .6em;
}



.pun table .tcl {
overflow: hidden;
text-align: left;
width: 72%;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
float: right;
}

Actually, try removing those codes for a bit and see if it fixes your widget mess up. (Make sure you back them up first).

Regards,
Pizza Boi

I deleted the codes and nothing changed ((

maybe the problem is in the INDEX BODY or INDEX BOX , i dont know ! JUST SAYIN THOUGH

Hi

I'll look into it later, I keep on receiving this message so I can't access your forum right now... which is odd, actually o.O.



Regards,
Pizza Boi

BUMP!!!
I set the width to 180 px but it wont work:

try this

Code:

.pun {
min-width: 1170px;
}

um, is this code for punbb, because if so it's not going to work I use phpbb2 ?