My Width Is Messed Up

Discussion in 'MyBB' started by HTML, Nov 26, 2013.

  1. HTML

    HTML Big Board Coder

    259
    125
    +36
    View here: http://x.co/326Oc

    Something in my css is preventing the entire profile template I made, to display. It cuts off half of it.
     

    Attached Files:

  2. zappaDPJ

    zappaDPJ Administrator

    6,718
    1,342
    +5,186
    Your problem is you've got fixed width containers that are larger than your main content container which is set to a fixed width of 1042px.

    You could set your main content width to a larger size, 1150px fixes the issue, or set the offending fixed width container to 'auto'. However your video iframe is also too wide so you would have to reduce that as well which may not be so easy.
     
  3. HTML

    HTML Big Board Coder

    259
    125
    +36
    Thanks, zappaDPJ.
    I changed my container width and the youtube video dimensions and it still looks the same. Here is my global.css:

    Code:
    @import url(http://fonts.googleapis.com/css?family=Ubuntu);
    body {
    	background-color: #20A2DF;
    	background-image:url(images/Metro/body_bg.png);
    	background-repeat:repeat-x;
    	color: #FFFFFF;
    	font-family: "Ubuntu", "Arial", sans-serif;
    	font-size: 13px;
    	line-height: 1.4;
    	padding:0px;
    	margin:0px;
    }
    
    fieldset {
    	border:0;
    }
    
    a:link {
    	color: #007FBA;
    	text-decoration: none;
    }
    
    a:visited {
    	color: #007FBA;
    	text-decoration: none;
    }
    
    a:hover, a:active {
    	color: #20A2DF;
    	text-decoration: none;
    }
    
    input[type="submit"], input[type="button"], .postbutton, .bigpostbutton {
    	border:0;
    	background-color:#20A2DF;
    	padding: 6px 20px;
    	color:#FFFFFF !important;;
    	font: normal normal 400 11px/15.4px Verdana;
    }
    
    .postbutton {
    	padding: 3px 5px;
    }
    
    .bigpostbutton {
    	padding: 6px 20px;
    }
    
    input[type="submit"]:hover, input[type="button"]:hover, .bigpostbutton:hover, .postbutton:hover {
    	cursor:pointer;
    }
    
    #login {
    	display:none;
    }
    
    #login a:link {
    	color: #007FBA;
    	text-decoration: none;
    }
    
    #login a:visited {
    	color: #007FBA;
    	text-decoration: none;
    }
    
    #login a:hover, a:active {
    	color: #20A2DF;
    	text-decoration: none;
    }
    
    #toplinks {
    	float:right;
    	margin-top:28px;
    }
    
    #toplinks img {
    	margin-left:3px;
    	max-height:60px;
    }
    
    .foot {
    	
    	padding:2px;
    	padding-top:10px;
    	padding-left:55px;
    	padding-right:55px;
    	margin:0px;
    	vertical-align: baseline;
    	color:#FFFFFF !important;
    	font-size:12px;
    }
    
    .head {
    	height:96px;
    	padding:2px;
    	padding-left:55px;
    	padding-right:55px;
    	margin:0px;
    }
    
    .head h1 {
    	color: #FFFFFF;
    	font: normal normal 400 40px/43.2px "Ubuntu";
    	display: inline-block;
    	padding: 6px;
    	padding-left:0;
    	margin: 0;
    	margin-top: 28px;
    }
    
    .head a {
    	color:#ffffff;
    	text-decoration:none;
    }
    
    .head a:hover {
    	color:#ffffff;
    	text-decoration:none;
    }
    
    .head a:visited {
    	color:#ffffff;
    	text-decoration:none;
    }
    
    #content {
    	color: #777777;
    	background-color: #FFFFFF;
    	margin: auto auto;
    	margin-left: 55px;
    	margin-right: 55px;
    	padding: 22px;
    	text-align: left;
    	margin-bottom: 18px;
    	-webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.75);
    	-moz-box-shadow:    0px 0px 16px rgba(50, 50, 50, 0.75);
    	box-shadow:         0px 0px 16px rgba(50, 50, 50, 0.75);
    }
    
    .menu ul {
    	color: #000000;
    	font-weight: bold;
    	text-align: right;
    	padding: 4px;
    }
    
    .menu ul a:link {
    	color: #000000;
    	text-decoration: none;
    }
    
    .menu ul a:visited {
    	color: #000000;
    	text-decoration: none;
    }
    
    .menu ul a:hover, .menu ul a:active {
    	color: #4874a3;
    	text-decoration: none;
    }
    
    .bottommenu {
    	background-color:#F7F7F7;
    	border: 1px solid #CBCBCB;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	margin-bottom:10px;
    	padding:10px;
    }
    
    .topbar {
    	background: #3E3F41;
    	color: #FFFFFF;
    	border-bottom: 1px solid #5D5E62;
    	padding: 8px;
    	padding-top: 4px;
    	padding-bottom: 4px;
    	padding-left: 60px;
    	padding-right: 60px;
    	-webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.75);
    	-moz-box-shadow:    0px 0px 16px rgba(50, 50, 50, 0.75);
    	box-shadow:         0px 0px 16px rgba(50, 50, 50, 0.75);
    	font-size: 11px;
    }
    
    .topbar a {
    	color:#EAEAEA;
    	text-decoration:none;
    }
    
    .topbar a:visited {
    	color:#EAEAEA;
    	text-decoration:none;
    }
    
    .topbar a:hover {
    	color:#FFFFFF;
    	text-decoration:none;
    }
    
    .foot a {
    	color:#FFFFFF;
    	text-decoration:underline;
    }
    
    .foot a:visited {
    	color:#FFFFFF;
    	text-decoration:underline;
    }
    
    .foot a:hover {
    	color:#FFFFFF;
    	text-decoration:none;
    }
    
    table {
    	color: #000000;
    	font-family: Verdana, Arial, Sans-Serif;
    	font-size: 13px;
    }
    
    .tborder {
    	border:1px solid #20A2DF;
    	width: 100%;
    	margin: auto auto;
    }
    
    .thead {
    	background-color: #20A2DF;
    	background-repeat:repeat-x;
    	max-height:34px;
    	font: normal normal 400 18px/normal "Ubuntu";
    	color: #ffffff;
    	padding:8px 6px;
    	margin:0;
    }
    
    .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: none;
    }
    
    .tcat {
    	background: #007FBA;
    	color: #FFFFFF;
    	font-size: 12px;
    	margin:0;
    }
    
    .tcat a:link {
    	color: #FFFFFF;
    	text-decoration: underline;
    }
    
    .tcat a:visited {
    	color: #FFFFFF;
    	text-decoration: underline;
    }
    
    .tcat a:hover, .tcat a:active {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    
    .trow1 {
    	background: #F7F7F7;
    }
    
    .trow2 {
    	background: #FFFFFF;
    }
    
    .trow_shaded {
    	background: #ffdde0;
    }
    
    .trow_selected td {
    	background: #FFFBD9;
    }
    
    .trow_sep {
    	background: #e5e5e5;
    	color: #000;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    .tfoot {
    	background: #007FBA;
    	color: #FFFFFF;
    }
    
    .tfoot a:link {
    	color: #FFFFFF;
    	text-decoration: underline;
    }
    
    .tfoot a:visited {
    	color: #FFFFFF;
    	text-decoration: underline;
    }
    
    .tfoot a:hover, .tfoot a:active {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    
    .navigation {
    	color: #000000;
    	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: #000000;
    	font-size: 13px;
    	font-weight: bold;
    }
    
    .smalltext {
    	font-size: 11px;
    }
    
    .largetext {
    	font-size: 16px;
    	font-weight: bold;
    }
    
    input.textbox {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #898B8E;
    	padding: 1px;
    }
    
    textarea {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #898B8E;
    	padding: 2px;
    	font-family: Verdana, Arial, Sans-Serif;
    	line-height: 1.4;
    	font-size: 13px;
    }
    
    select {
    	background: #ffffff;
    	border: 1px solid #898B8E;
    }
    
    .editor {
    	background: #f1f1f1;
    	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: #ccffcc;
    }
    
    .trow_reputation_negative {
    	background: #ffcccc;
    }
    
    .reputation_positive {
    	color: green;
    }
    
    .reputation_neutral {
    	color: #444;
    }
    
    .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%;
    }
    
    .hiddenrow {
    	display: none;
    }
    
    .selectall {
    	background-color: #FFFBD9;
    	font-weight: bold;
    	text-align: center;
    }
    
    .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: 0;
    }
    
    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 {
    	
    	text-align: right;
    	margin-top: 10px;
    }
    
    blockquote {
    	border: 1px solid #ccc;
    	margin: 0;
    	background: #fff;
    	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: #fff;
    	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;
    	font-size: 1px;
    	list-style-type: none;
    }
    
    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: #FFFFCC;
    	padding-top: 3px;
    	padding-bottom: 3px;
    }
    
    .pm_alert {
    	background: #FFF6BF;
    	border: 1px solid #FFD324;
    	text-align: center;
    	padding: 5px 20px;
    	margin-bottom: 15px;
    	font-size: 11px;
    }
    
    .red_alert {
    	background: #FBE3E4;
    	border: 1px solid #A5161A;
    	color: #A5161A;
    	text-align: center;
    	padding: 5px 20px;
    	margin-bottom: 15px;
    	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 #20A2DF;
    }
    
    .pagination .pagination_current {
    	background: #20A2DF;
    	border: 1px solid #20A2DF;
    	font-weight: bold;
    	color: #FFFFFF;
    }
    
    .pagination a:hover {
    	background: #20A2DF;
    	color:#FFFFFF;
    	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;
    }
    
    .repbox {
    	font-size:16px;
    	font-weight: bold;
    	padding:5px 7px 5px 7px;
    }
    
    ._neutral {
    	background-color:#FAFAFA;
    	color: #999999;
    	border:1px solid #CCCCCC;
    }
    
    ._minus {
    	background-color: #FDD2D1;
    	color: #CB0200;
    	border:1px solid #980201;
    }
    
    ._plus {
    	background-color:#E8FCDC;
    	color: #008800;
    	border:1px solid #008800;
    }
    
    .pagination_breadcrumb {
    	background-color: #F2F0E8;
    	border: 1px solid #fff;
    	outline: 1px solid #ccc;
    	padding: 5px;
    	margin-top: 5px;
    	font-weight: normal;
    	white-space: nowrap;
    }
    
    .pagination_breadcrumb_link {
    	vertical-align: middle;
    	cursor: pointer;
    }
    
    .breadcrumb {
    	font-size: 12px;
    	background: #20A2DF;
    	border: 1px solid #20A2DF;
    	overflow: hidden;
    	margin: 0;
    	padding: 0;
    }
    
    .breadcrumb .crust {
    	border: 1px solid #20A2DF; 
    	border-top:0;
    	border-bottom:0;
    	border-left:0;
    	display: block;
    	float: left;
    	position: relative;
    }
    
    .breadcrumb .crust:first-child a.crumb {
    	padding-left: 20px;
    }
    
    .breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
    	text-decoration: none;
    	background-color: #007FBA;
    	padding: 0 10px 0 28px;
    	border-bottom: 1px solid #20A2DF;
    	margin-bottom: -1px;
    	outline: 0 none;
    	-moz-outline-style: 0 none;
    	display: block;
    	line-height: 34px;
    	_border-bottom: none;
    	color: #FFFFFF;
    	text-decoration: none;
    }
    
    .breadcrumb .crust b.lastcrumb {
    	background: transparent none;
    	font-weight: bold;
    }
    
    .breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
    	line-height: 34px;
    }
    
    .breadcrumb .crust .arrow {
    	border: 17px solid transparent;
    	border-right: 0;
    	border-left-color: #20A2DF;
    	display: block;
    	position: absolute;
    	right: -17px;
    	top: 0px;
    	z-index: 50;
    	width: 0px;
    	height: 0px;
    }
    
    .breadcrumb .crust .arrow span {
    	border: 17px solid transparent;
    	border-right: 0;
    	border-left-color: #007FBA;
    	display: block;
    	position: absolute;
    	left: -18px;
    	top: -17px;
    	z-index: 51;
    	white-space: nowrap;
    	overflow: hidden;
    	text-indent: 9999px;
    	width: 0px;
    	height: 0px;
    }
    
    .breadcrumb .refresh:hover {
    	background-position: 0px -16px;
    }
    
    .breadcrumb .crust:last-child a.crumb {
     
    	font-weight: bold;
    }
    
    .breadcrumb .crust:hover a.crumb {
     
    	background-color: #0073A8;
    	text-decoration:none;
    }
    
    .breadcrumb .crust:hover .arrow span {
     
    	border-left-color: #0073A8;
    }
    
    input[type="text"], input[type="password"], select, textarea {
    	padding: 4px;
    	border:1px solid #20A2DF;
    }
    
    textarea {
    	border:1px solid #20A2DF;
    }
    
    #lean_overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
        background: #000;
        display: none;
    }
    
    body#portal a#portal_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    body#index a#index_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    body#search a#search_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    body#memberlist a#memberlist_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    body#calendar a#calendar_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    body#help a#help_link {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    .links_class {
    width: 414px;
    float: left;
    padding: 1px 4px;
    margin-bottom: 1px;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
    border-bottom: 40px solid #0080D0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    }
    
    .pagination_small a:link, .pagination_small a:active, .pagination_small a:visited {
    background: none;
    border: 1px solid #7D7E7F;
    color: #000000;
    padding: 1px 4px;
    font-size: 9px;
    }
    
    .pagination_small a:hover {
    background: #7D7E7F;
    color: #FFFFFF;
    }
    
    .postbit_body_trow {
    background: #FFFFFF url(images/amuzing/postbit_body_trow_bg.png) repeat-x;
    
    padding: 2px 4px;
    }
    
    .postbit_table_border {
    border: 1px solid #D1D1D1;
    box-shadow: 0 0 3px 0 #D1D1D1;
    padding: 3px 3px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 7px;
    }
    
    .tborder_forumdisplay {
    	background: #D6D4D4;
    	width: 100%;
    	margin: auto auto;
    }
    
    .forumdisplay_trow {
    background: #FFFFFF;
    }
    
    .forumdisplay_trow2 {
    background: #E9E9E9;
    }
    
    .forumdisplay_trow_hover {
    background: #FFFFFF;
    }
    
    .forumdisplay_trow_hover:hover {
    background: #E9E9E9;
    }
    
    .menu_right {
    	background: url(images/amuzing/menu_right.png) 100% 0 no-repeat;
    	margin-right: -17px;
    	height: 36px;
    	margin-top: -2.50px;
    	padding: 0;
    }
    
    .footer .footer_menu {
    	width: 250px;
    	background: url(images/thecure/style/footer_menu_main.jpg) 100% 0 no-repeat;
    	float: left;
    }
    
    .footer .footer_menu ul {
    	margin: 0;
    	padding: 0 0 10px 0;
    	list-style: none;
    }
    
    .footer .footer_menu ul li {
    	margin: 6px 14px 0 0;
    	padding: 0;
    	float: left;
    	clear: both;
    	width:232px;
    }
    
    .footer .footer_menu ul li a {
    	background: #E9E9E9;
    	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	border-radius: 4px;
    	padding: 4px 6px 4px 32px;
    	display: block;
    	color: #868282;
    }
    
    .footer .footer_menu ul li a:hover {
    color:#615D5D;
    text-decoration: none;
    }
    
    .footer {
    background: #DADADA url(images/amuzing/footer_bg.png) repeat-x;
    color: #9F9B9B;
    text-align: left;
    width: 100%;
    height: 135px;
    margin-left: -7px;
    margin-bottom: -10px;
    border: 1px solid #9F9B9B;
    padding: 1px 5px;
    }
    
    .forum_description {
    display: none;
    position: absolute;
    width: 313px;
    text-shadow: none;
    margin-left: 1px;
    }
    
    tm:hover .forum_description {
    display: inline;
    width: 313px;
    opacity: 0.9;
    color: #FFFFFF;
    border: 1px solid #5E5E5E;
    font-size: 11px;
    font-family: Tahoma;
    padding: 3px 4px;
    background: #5E5E5E;
    margin-left: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    }
    
    .forum_description a:active, .forum_description a:visited, .forum_description a:link {
    color: #FFFFFF !important;
    border-bottom: 1px dashed #FFFFFF;
    }
    
    .forum_description a:hover {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF !important;
    }
    
    .boardstats_tfoot {
    	background: #0062BB url(images/amuzing/boardstats_thead_bg.png) top left repeat-x;
    color: #FFFFFF;
        font-family: Helvetica,sans-serif;
        font-size: 13px;
        text-shadow: 0 1px 1px #044474;
        text-transform: uppercase;
    height: 19px;
    padding: 1px 9px;
    }
    
    .boardstats_tfoot a:link, .boardstats_tfoot a:active, .boardstats_tfoot a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .boardstats_tfoot a:hover {
    	color: #ffffff;
    	text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
    }
    
    .boardstats_thead {
    background: #0062BB url(images/amuzing/boardstats_thead_bg.png) repeat-x;
    color: #FFFFFF;
    width: 985px;
    font-family: Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 1px #044474;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
    text-transform: uppercase;
    height: 23px;
    padding: 1px 9px;
    }
    
    .boardstats_thead a:link, .boardstats_thead a:active, .boardstats_thead a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .boardstats_thead a:hover {
    	color: #EDEDED;
    	text-decoration: none;
    }
    
    .boardstats_thead_right {
    background: #0062BB url(images/amuzing/boardstats_thead_bg2.png) no-repeat;
    float: right;
    margin-right: -10px;
    height: 39px !important;
    width: 45px !important;
    }
    
    .user_td_class {
    color: #007DCE;
    text-shadow: none;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 5px;
    }
    
    .user_td_class:hover {
    background: #E5E5E5;
    }
    
    .login_td_class {
    color: #007DCE;
    text-shadow: none;
    font-weight: normal;
    }
    
    .menu2 a:link, .menu2 a:active, .menu2 a:visited, .menu2 a:hover {
    	background: none !important;
    	border: none !important;
    }
    
    .logo {
    float: left;
    margin-left: 10px;
    margin-top: -110px;
    }
    
    .banner {
    float: right;
    margin-right: 10px;
    margin-top: -110px;
    }
    
    #breadcrumb_multipage {
    display:none !important;
    }
    
    ul, li {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    }
    
    #breadcrumb {
    	height:2.3em;
    	border:1px solid #047AC6;
    border-radius: 3px;
    width: 100%;
    background: #FFFFFF;
    }
    
    #breadcrumb li {
    	float:left;
    	line-height:2.3em;
    	color:#777;
    	padding-left:.75em;
    }
    
    #breadcrumb li a {
    	background:url(images/amuzing/breadcrumb.gif) no-repeat right center;
    	display:block;
    	padding:0 15px 0 0;
    }
    
    #breadcrumb li a:link,
    #breadcrumb li a:visited {
    	color:#777;
    	text-decoration:none;
    }
    
    a:link, a:visited,	
    #breadcrumb li a:hover,
    #breadcrumb li a:focus {
    color:#047AC6;
    }
    
    .container_2 {
    padding: 20px;
    }
    
    .menu_bg {
    	background: #1983CE url(images/amuzing/menu_bg.png) repeat-x;
    	width: 100.3%;
    	color: #FFFFFF;
    	height: 25px;
    	padding: 3px 4px;
    	margin: auto auto;
    	margin-top: -2.5px;
    	margin-left: -1px;
    }
    
    .subforum_column {
    list-style: none;
    padding: 3px 25px;
    }
    
    .subforum_column li {
    width: 50%;
    float: left;
    }
    
    .subforum_column img {
    opacity: 0.5
    }
    
    .subforum_column li img:hover {
    opacity: 1;
    }
    
    .category {
    margin-top: 10px;
    }
    
    .thead_forumbit {
    background: #0062BB url(images/amuzing/thead_bg2.png) repeat-x;
    color: #FFFFFF;
    width: 985px;
    font-family: Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 1px #044474;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
    text-transform: uppercase;
    height: 39px;
    padding: 1px 9px;
    }
    
    .thead_forumbit a:link, .thead_forumbit a:active, .thead_forumbit a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .thead_forumbit a:hover {
    	color: #EDEDED;
    	text-decoration: none;
    }
    
    .thead_forumbit_right {
    background: #0062BB url(images/amuzing/thead_bg3.png) no-repeat;
    float: right;
    margin-right: -10px;
    height: 39px !important;
    width: 45px !important;
    }
    
    .forumbit_table_border {
    border: 1px solid #D1D1D1;
    box-shadow: 0 0 3px 0 #D1D1D1;
    padding: 2px 2px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    }
    
    .forumbit_trow {
    color: #606060;
    background: #FFFFFF;
    padding: 3px 5px;
        font-family: Helvetica,sans-serif;
        font-size: 11px;
        text-shadow: 0 1px 1px #FFFFFF;
    }
    
    .forumbit_trow a:link, .forumbit_trow a:visited, .forumbit_trow a:active {
    color: #606060;
    }
    
    .forumbit_trow a:hover {
    color: #000000;
    text-decoration: none;
    }
    
    .desc {
    background: #E7E7E7 url(images/amuzing/desc_bg.png) repeat-x;
    color: #707171;
    padding: 5px 9px;
    }
    
    a:link {
    	color: #8D8B8B;
    	text-decoration: none;
    }
    
    a:visited {
    	color: #8D8B8B;
    	text-decoration: none;
    }
    
    a:hover, a:active {
    	color: #000;
    	text-decoration: underline;
    }
    
    #container {
    	width: 79%;
    	background: #FFFFFF;
    	border: 1px solid #e4e4e4;
    box-shadow: 0px 0px 5px #888;
    	color: #000000;
    margin-top: 131px !important;
    	margin: auto auto;
    	text-align: left; /* IE 5 fix */
    }
    
    #content {
    	/* FIX: Make internet explorer wrap correctly */
    	width: auto !important;
    }
    
    .menu ul {
    margin-top: -35px !important;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-shadow: 0 1px 1px #044474;
    text-align: left;
    list-style: none;
    padding: 5px 1px;
    }
    
    .menu ul {
    	list-style: none;
    	margin: 0;
    }
    
    .menu ul a:link {
    	color: #FFFFFF;
    	margin-top: 10px 10px;
    	border-right: 1px solid #CDCFD1;
    	padding: 5px 9px;
    	
    	text-decoration: none;
    }
    
    .menu ul a:visited {
    color: #FFFFFF;
    text-decoration: none;
    margin: auto auto;
    border-right: 1px solid #CDCFD1;
    padding: 5px 9px;
    }
    
    .menu ul li a:hover {
    	background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    	color: #FFFFFF;
    	padding: 10px 10px;
    	
    	text-decoration: none;
    }
    
    .menu ul li a.active {
    color: #FFFFFF;
    background: url(images/amuzing/menu_bg_hover.png) repeat-x;
    text-decoration: none;
    padding: 10px 9px;
    }
    
    .menu ul li {
    	display: inline;
    	padding-left: 1px;
    }
    
    .menu img {
    	padding-right: 5px;
    	vertical-align: top;
    }
    
    #panel {
    	background: #efefef;
    	color: #000000;
    	border: 1px solid #D4D4D4;
    	padding: 8px;
    	margin-top:10px;
    	font-size: 11px;
    }
    
    #panel .remember_me input {
    	vertical-align: middle;
    	margin-top: -1px;
    }
    
    table {
    	color: #000000;
    	font-family: Verdana, Arial, Sans-Serif;
    	font-size: 13px;
    }
    
    .tborder {
    	background: #8B8D8E;
    	width: 100%;
    	margin: auto auto;
    }
    
    .thead {
    	background: #0062BB url(images/amuzing/thead_bg.png) top left repeat-x;
    color: #FFFFFF;
        font-family: Helvetica,sans-serif;
        font-size: 13px;
        text-shadow: 0 1px 1px #044474;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
        text-transform: uppercase;
    height: 39px;
    padding: 1px 9px;
    }
    
    .thead a:link, .thead a:active, .thead a:visited {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    .thead a:hover {
    	color: #EDEDED;
    	text-decoration: none;
    }
    
    .tcat {
    	background: #DCDCDC url(images/amuzing/tcat_bg.png) repeat-x;
    	color: #000000;
    margin:0;
    height:24px;
    padding: 1px 9px;
    text-transform:uppercase;
    font:10px Arial,Helvetica,sans-serif;
    text-shadow:0 1px 0px #fff;
    vertical-align:middle;
    }
    
    .tcat a:link {
    	color: #000000;
    }
    
    .tcat a:visited {
    	color: #000000;
    }
    
    .tcat a:hover, .tcat a:active {
    	color: #000000;
    }
    
    .trow1 {
    	background: #f5f5f5;
    }
    
    .trow2 {
    	background: #EFEFEF;
    }
    
    .trow_shaded {
    	background: #ffdde0;
    }
    
    .trow_selected td {
    	background: #FFFBD9;
    }
    
    .trow_sep {
    	background: #e5e5e5;
    	color: #000;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    .tfoot {
    	background: #0062BB url(images/amuzing/thead_bg.png) top left repeat-x;
    color: #FFFFFF;
        font-family: Helvetica,sans-serif;
        font-size: 13px;
        text-shadow: 0 1px 1px #044474;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
        text-transform: uppercase;
    height: 19px;
    padding: 1px 9px;
    }
    
    .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;
    }
    
    .bottommenu {
    	background: #efefef;
    	color: #000000;
    	border: 1px solid #4874a3;
    	padding: 10px;
    }
    
    .navigation {
    	color: #000000;
    	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: #000000;
    	font-size: 13px;
    	font-weight: bold;
    }
    
    .smalltext {
    	font-size: 11px;
    }
    
    .largetext {
    	font-size: 16px;
    	font-weight: bold;
    }
    
    input.textbox {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #0f5c8e;
    	padding: 1px;
    }
    
    textarea {
    	background: #ffffff;
    	color: #000000;
    	border: 1px solid #0f5c8e;
    	padding: 2px;
    	font-family: Verdana, Arial, Sans-Serif;
    	line-height: 1.4;
    	font-size: 13px;
    }
    
    select {
    	background: #ffffff;
    	border: 1px solid #0080D0;
    }
    
    .editor {
    	background: #f1f1f1;
    	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: #ccffcc;
    }
    
    .trow_reputation_negative {
    	background: #ffcccc;
    }
    
    .reputation_positive {
    	color: green;
    }
    
    .reputation_neutral {
    	color: #444;
    }
    
    .reputation_negative {
    	color: red;
    }
    
    .invalid_field {
    	border: 1px solid #f30;
    	color: #f30;
    }
    
    .valid_field {
    	border: 1px solid #0c0;
    }
    
    .validation_error {
    	background: url(images/amuzing/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/amuzing/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/amuzing/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%;
    }
    
    .hiddenrow {
    	display: none;
    }
    
    .selectall {
    	background-color: #FFFBD9;
    	font-weight: bold;
    	text-align: center;
    }
    
    .float_left {
    	float: left;
    }
    
    .float_right {
    	float: right;
    }
    
    .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 {
    	border: 1px solid #ccc;
    	margin: 0;
    	background: #fff;
    	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: #fff;
    	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;
    	font-size: 1px;
    	list-style-type: none;
    }
    
    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: #FFFFCC;
    	padding-top: 3px;
    	padding-bottom: 3px;
    }
    
    .pm_alert {
    	background: #FFF6BF;
    	border: 1px solid #FFD324;
    	text-align: center;
    	padding: 5px 20px;
    	margin-bottom: 15px;
    	font-size: 11px;
    }
    
    .red_alert {
    	background: #FBE3E4;
    	border: 1px solid #A5161A;
    	color: #A5161A;
    	text-align: center;
    	padding: 5px 20px;
    	margin-bottom: 15px;
    	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/amuzing/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 #7D7E7F;
    }
    
    .pagination .pagination_current {
    	background: #F5F5F5;
    	border: 1px solid #7D7E7F;
    	font-weight: bold;
    	color: #000;
    }
    
    .pagination_current:hover, .pagination a:hover {
    	background: #7D7E7F;
    color: #FFFFFF;
    	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/amuzing/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;
    }
    
    .repbox {
    	font-size:16px;
    	font-weight: bold;
    	padding:5px 7px 5px 7px;
    }
    
    ._neutral {
    	background-color:#FAFAFA;
    	color: #999999;
    	border:1px solid #CCCCCC;
    }
    
    ._minus {
    	background-color: #FDD2D1;
    	color: #CB0200;
    	border:1px solid #980201;
    }
    
    ._plus {
    	background-color:#E8FCDC;
    	color: #008800;
    	border:1px solid #008800;
    }
    
    .pagination_breadcrumb {
    	background-color: #f5f5f5;
    	border: 1px solid #fff;
    	outline: 1px solid #ccc;
    	padding: 5px;
    	margin-top: 5px;
    	font-weight: normal;
    	white-space: nowrap;
    }
    
    .pagination_breadcrumb_link {
    	vertical-align: middle;
    	cursor: pointer;
    }
    
    button.downloadlink {
        border:1px solid #0c0f12;
        background:#161c21;
        background-repeat:repeat-x;
        font-family: 'VisitorTT1BRKRegular';
            padding:4px 6px;
        color:#ffffff;
            cursor:pointer;
            width:100px;
    }
    
    button.downloadlink:hover,
    button.active {
        background:#11161a;
        background-repeat:repeat-x;
        border:1px solid #0c0f12;
        color:#ffffff;
    }
    
    ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 32px;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        width: 100%;
    }
    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 31px; 
        line-height: 31px; 
        border: 1px solid #999;
        border-left: none;
        margin-bottom: -1px; 
        overflow: hidden;
        position: relative;
        background: #e0e0e0;
    }
    ul.tabs li a {
        text-decoration: none;
        color: #000;
        display: block;
        font-size: 1.2em;
        padding: 0 20px;
        border: 1px solid #fff; 
        outline: none;
    }
    ul.tabs li a:hover {
        background: #ccc;
    }
    html ul.tabs li.active, html ul.tabs li.active a:hover  { 
        background: #fff;
        border-bottom: 1px solid #fff; 
    }
    
    .tabs{
    background: #41403B;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    list-style: none;
    }
    .tabs li{
    background: none;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    }
    
    .tabs li.current{
    background: #C0C0C0;
    color: #222;
    }
    
    .tab-content{
    display: none;
    background: #ededed;
    padding: 15px;
    }
    .tab-content.current{
    display: inherit;
    }
    .memprof
    {
    background: #4774a1; /*For old browsers*/
    color: #C0C0C0;
    }
    .memtext
    {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    }
    .memprof a:link
    {color: #C0C0C0;
    }
    .memprof a:visited
    {
    color: #C0C0C0;
    }
     

    Attached Files:

  4. HTML

    HTML Big Board Coder

    259
    125
    +36
    I fixed it, somewhat.
    But it's still partially cut off.
     

    Attached Files:

  5. HTML

    HTML Big Board Coder

    259
    125
    +36
    How to fix???
    I've messed with a lot of the container widths and nothing works.
    What to do?

    I want to set the main content width larger, because I cannot go through resizing everything else by just adjusting the width of the "offending" fixed issue. Please tell me what to do, where to do this. I've checked through my css :s

    Thanks.
     
    Last edited: Nov 27, 2013
  6. VicTroX

    VicTroX Adherent

    270
    65
    +1
    I have somewhat of a solution for you. But it will make the profile pages look a little different. You may or may not like the new appearance. My suggestion is, make a separate stylesheet for the profile page and link it in the <head>. I made one:

    Code:
    <link type="text/css" rel="stylesheet" href="http://victrox.com/RndImgs/profile.css">
    Then on the profile template change:
    Code:
    <div id="content">
    to
    Code:
    <div id="profilecontent">

    Here's a screenshot of the result:
    [​IMG]

    That's the only thing I could think of.
    Hope it helps.
     
    Last edited: Nov 27, 2013
  7. HTML

    HTML Big Board Coder

    259
    125
    +36
    Thanks, VicTroX.
    I did what you said and it looks pretty odd :/ There must be a different way, to change the width of the entire theme instead of just the profile pages :/ I don't know why it isn't fitting, I want the container width to be increased, but not the entire theme (ex: I don't want the header or background extended or anything, I just want a bigger container width :/ )
     
    Last edited: Nov 27, 2013
  8. HTML

    HTML Big Board Coder

    259
    125
    +36
    Looks perfect on desktop, but on mobile, the width overflows.
     

    Attached Files:

  9. VicTroX

    VicTroX Adherent

    270
    65
    +1
    I am very confused as to what you're wanting. lol I understood the mobile issue, and what I suggested made it look a little different, but it fixed the profile page (for me at least). The issue is on the entire theme?
     
  10. VicTroX

    VicTroX Adherent

    270
    65
    +1
    The changes that are currently in place, are not what I suggested. I attached an image below with source code changes that should fix the issue and properly implement what I had suggested. This slightly changes the look, of course. But it fixes all of the issues for me. You could implement the same suggestion on the entire theme and it looks fine.
     

    Attached Files:

  11. VicTroX

    VicTroX Adherent

    270
    65
    +1
    Are you not able to change JUST the profile template? In that case, include the profile.css on the entire site.
     
  12. VicTroX

    VicTroX Adherent

    270
    65
    +1
    If you use my suggestion on the entire theme, this is what the forum comes out looking like.
     

    Attached Files:

  13. HTML

    HTML Big Board Coder

    259
    125
    +36
    I am not able to do just that. The <div id="content"> is in my header. What I did is this:

    1. Changed <div id="content"> to <div id="profilecontent"> in my header template

    2. Included the css you made into my headerinclude (I copied it and made it a local file on my site, so you can remove it if you want to)

    Then, it worked.

    Thank you very much :D
     
  14. HTML

    HTML Big Board Coder

    259
    125
    +36
    Yes, I could just adjust the items in the header, but thanks a lot. :shades:
     
  15. VicTroX

    VicTroX Adherent

    270
    65
    +1
    So that's gonna work out for you? If you're not pleased, we could possibly find another solution.
     
  16. HTML

    HTML Big Board Coder

    259
    125
    +36
    Thanks, that worked fine lol
     
Verification:
Draft saved Draft deleted
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.