MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > "#container" messing up the index
Full Version: "#container" messing up the index
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

littleg

2011-08-01, 03:53 PM
When i adjust anything in the #container for my theme, it messes it up.

See here, my color changes i made.
http://i54.tinypic.com/350kswy.png

See here its affect, it enlarges it.
http://i52.tinypic.com/t986jn.jpg

Can someone tell me whats going on.. how do i fix this?

I also can not find this white anywhere to change it
http://i51.tinypic.com/iwnpfs.jpg

Thanks Big Grin

faviouz

2011-08-01, 03:58 PM
What's your forum URL?

ranjani

2011-08-01, 04:05 PM
the width for the container has large value - better to keep it about 980px
AND your welcome block guest appears to be above container ... I checked
the forum - guests cant enter it to check the css / code

littleg

2011-08-01, 04:36 PM
Thanks guys, that's correct we are a private invite only community. We don't take registrations.
I can tell you everything worked perfect for the past 3 years, only now this has happened with me changing the color again.

There is no reason why it can't work again. I just need help with finding out whats causing this "new issue".

Something made the welcome panel grow bigger in height and width. I think its the height increase that made it longer.

Here is a pic that shows more, see the panels height.
http://i51.tinypic.com/6f8f3n.jpg

Here the full css code,

body {
	background: #111111;
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

#container {
	background: #222222;
	width: 1150px;
	color: #888888;
	border: 1px solid #333333;
	margin: auto auto;
	padding: 30px;
	text-align: left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 5px;
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
}

.menu ul {
	color: #000000;
	text-align: right;
	padding: 4px;
	
	font-weight: bold;
}

.menu ul a:link {
	color: #F88017;
	text-decoration: none;
}

.menu ul a:visited {
	color: #F88017;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #F88017;
	text-decoration: none;
}

#panel {
	background: #222222;
	width: 1150px;
	color: #888888;
	border: 1px solid #666666;
	margin: auto auto;
	padding: 30px;
	text-align: left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 5px;
}

#posts table {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

#posts table:last-child {
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
}

#posts table:first-of-type {
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
}

table {
	color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.tborder {
	background: #333333;
	width: 100%;
	margin: auto auto;
	border: 1px solid #333333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tborder2 {
	background: #333333;
	width: 100%;
	margin: auto auto;
	border: 1px solid #666666;
}

.tborder3 {
	background: #333333;
	width: 100%;
	margin: auto auto;
	border: 1px solid #333333;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tborder4 {
	background: #333333;
	width: 100%;
	margin: auto auto;
	border: 1px solid #666666;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.tborder5 {
	background: #333333;
	width: 100%;
	margin: auto auto;
	border: 1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tborder tbody tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
}

.tborder tbody tr:last-child td:last-child {
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
}

.tborder5 tbody:last-child tr:last-child td:last-child {
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
}

.rounded-top tbody tr:first-child td:first-child {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.bottom-round tbody tr:nth-child(2) td:first-child {
        -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
}

.bottom-round tbody tr:last-child td:first-child {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.rounded-bottom tbody tr:nth-child(5) td:first-child {
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
}

.rounded-bottom tbody tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
}

.rounded-bottom-2 tbody tr:last-child td:first-child {
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
}

.rounded-bottom-2 tbody tr:nth-child(3) td:last-child {
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
}

.rounded {
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.thead {
	background: #222222 url(images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.thead-rounded .thead {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}

.thead-rounded .thead:first-child {
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
}

.thead-rounded .thead:last-child {
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
}

.thead2 {
	background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
}

.thead2 a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead2 a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #333333;
	color: #ffffff;
	font-size: 12px;
}

.tcat a:link {
	color: #ffffff;
}

.tcat a:visited {
	color: #ffffff;
}

.tcat a:hover, .tcat a:active {
	color: #ffffff;
}

.tcat2 {
	background: #222222;
	color: #ffffff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
	font-size: 12px;
}

.tcat2 a:link {
	color: #ffffff;
}

.tcat2 a:visited {
	color: #ffffff;
}

.tcat2 a:hover, .tcat a:active {
	color: #000000;
}

.trow1 {
	background: #222222;
}

.trow2 {
	background: #222222;
}

.trow_shaded {
	background: #ffffff;
}

.trow_selected td {
	background: #999999;
}

.trow_sep {
	background: #ffffff;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #222222 url(images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.tfoot a:link {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tfoot2:first-child {
        background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
        color: #ffffff;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
}

.tfoot2:last-child {
        background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
        color: #ffffff;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
}

.tfoot2 {
	background: #222222 url(images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
}

.tfoot3 {
	background: #222222 url(images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
}

.post_buttons {
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
}

.last-table .post_buttons {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}

.bottommenu {
	background: #222222;
	color: #ffdd66;
	border: 1px solid #888888;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.navigation {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #ffffff;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #000000;
	color: #ffffff;
	border: 1px solid #777777;
	padding: 1px;
}

textarea {
	background: #eeeeee;
	color: #555555;
	border: 1px solid #777777;
	padding: 2px;
	line-height: 1.4;
	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	border: 1px solid #0f5c8e;
}

.editor {
	background: #111111;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #0f5c8e;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #333333;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #888;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	background: #aaaaaa;
	border: 1px solid #ccc;
	margin: 0;
	padding: 4px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #111111;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	list-style-type: none;
	
	font-size: 1px;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #111111;
	padding: 3px;
}

.pm_alert {
	background: #333333;
	border: 1px solid red;
	text-align: center;
	padding: 5px 20px;
	
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #ffdd66;
}

.pagination .pagination_current {
	background: #222222;
	border: 1px solid #ffffff;
	
	font-weight: bold;
}

.pagination a:hover {
	background: #777777;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(images/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.hiddenrow {
    display: none;
}

ranjani

2011-08-01, 04:51 PM
^ just to say : changing the color alone doesn't mess-up the things !! there might be a closed / opened div etc..

faviouz

2011-08-01, 04:54 PM
I'm a little worried about your site's content. The domain name, favicon, style of the theme and affiliates are rather fishy. But I can't be 100% if your site violates our Support Eligibility policy or not. Why can't you provide a test account?

littleg

2011-08-01, 05:45 PM
I understand your concern faviouz. No need to be worried about our site's content. It is what i says.. "All nude" We are an adult community. This means we have adult content and that's why we don't allow strangers to register. We are invite only and like it that way. This way there is no headaches of people posting unwanted content. We were public a few years ago, but it was to much work with the spammers and people trying to post unwanted content, was to unsafe and way to much work.

Being private is 0 work and the board almost run's itself. Every member we have shares the same passion and we have no issues this way.

I have given out a test account here before, but that's not going to help you. You can see the same thing in the pic as you would logged in to the index.
I also gave the CSS code above, so you can see if anything is wrong with it.

I just find it strange that this worked until i changes the color's. Can you look my CSS over please?

Thanks Smile

Almost forgot, i still can't find where this is to change it.
http://i51.tinypic.com/iwnpfs.jpg

Can you help?
I fixed it, changed the (panel) width to 1125px and the padding: from 30 to 10px
Not sure why i had to do this as i said it was fine before. Now i just need help with finding that white heading as seen in the link.

Thanks Smile
Found it.. located in the ".trow_sep" Looks like its all good now, thanks for trying to help.

Cheers Smile

Alan S.

2011-08-01, 08:20 PM
Hi,

The MyBB group offers support under the conditions of our Support Eligibility policy. It is apparent that one or more of your forums do not meet the conditions of our policy and therefore you are ineligible for support. This could be because of adult, piracy or hacking related content or because your forum does not display the minimum “Powered by MyBB” notice.

If you have any questions regarding this policy please post in the Private Inquiries forum.

Regards,
The MyBB group.
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > "#container" messing up the index