MyBB Community Forums

i can do the top bit but the bottom will not go bigger than 980px as i set it to 1200 same as top but it will not go any bigger for some reason?

#Dabbing {
padding: 20px 10px;
overflow: hidden;
margin: auto;
max-width: 1200px;
background: none repeat scroll 0% 0% rgb(165, 165, 165);
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow: 0pt 0pt 1em #000;

i did also try setting the below to both 1200 and its still the same.

#ima_altkisim {
clear: both;
max-width: 1200px;
width: 1200px;
margin: auto;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow: 0pt 0pt 1em #000;
border-bottom: 1px solid #000;
border-radius: 0px 0px 30px 30px;
margin-bottom: 30px;

any ideas as i well stuck now ;(

thanks for any help

http://thcchat.com/

---

any one help with this

Change ID: #container to:

#container {
     color: #fff;
     text-align: left;
     line-height: 1.4;
     font-family: Tahoma, Verdana, Arial, Sans-Serif;
     font-size: 13px;
     min-width: 1000px;
     max-width: 1200px;
     margin: auto;
}

Change ID: #ima_altkisim to:

#ima_altkisim {
    clear: both;
    width: 1200px;
    margin: auto;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-shadow: 0pt 0pt 1em #000;
    border-bottom: 1px solid #000;
    border-radius: 0px 0px 30px 30px;
}

Change ID: #Dabbing to:

#Dabbing {
    padding: 20px 10px;
    overflow: hidden;
    margin: auto auto;
    width: 1200px;
    background: none repeat scroll 0% 0% rgb(165, 165, 165);
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  box-shadow: 0pt 0pt 1em #000;
}

If u want the middle section to align perfectly remove the padding from ID: #Dabbing

#Dabbing {
   padding: 20px 10px;
   overflow: hidden;
   margin: auto auto;
   max-width: 1200px;
   background: none repeat scroll 0% 0% rgb(165, 165, 165);
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
   border-left: 1px solid #000;
   border-right: 1px solid #000;
  box-shadow: 0pt 0pt 1em #000;
}


#ima_altkisim {
   clear: both;
   max-width: 1200px;
   width: 1200px;
   margin: auto;
   background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.47);
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   box-shadow: 0pt 0pt 1em #000;
   border-bottom: 1px solid #000;
   border-radius: 0px 0px 30px 30px;
   margin-bottom: 30px;

#container {
color: #fff;
text-align: left;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
min-width: 1000px;
   min-width: 1200px;
   margin: auto;
   max-width: 1000px;

is that right as the container is now the right size but the forum bit still same size?

Use the code in my previous post and for your forum problem you have to change your .wrapper class width.

Find .wrapper in global.css and change it to:

.wrapper {
   min-width: 980px;
   max-width: 1200px;
   margin: auto;
}

thanks done it now

.wrapper {
width: 1200px;
min-width: 980px;
max-width: 1200px;
margin: auto;
}