Horrible black space on page.

23 replies [Last post]

Thu, 2010-09-09 08:46

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Hello everyone,
I am having a problem with the following website:

When the page is minimized, or even when it is maximized. There seems to be a lot of black space appearing on the right hand side when scrolling to that point. This kills some of my content, but the images remain stable. IT also just looks plain ugly.

I have tried many things to fix this, but i cannot seem to fix it.

  CSS CODE
/* *********************** GENERAL SETTINGS     *********************** */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	background: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 135%;
}
 
html {
	overflow: scroll;
	padding: 0px;
	margin: 0px;
}
 
body.f-smaller {
	font-size: 10px;
}
 
body,
body.default {
	font-size: 12px;
}
 
body.f-larger {
	font-size: 14px;
}
body.published {
background: #AADDFF;
}
 
body.mceContentBody {
	background: white;
}
 
/* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }
/*  Global Formatting */
h1 {font: normal 24px Arial, Helvetica, sans-serif; color: #6c6c6c; letter-spacing: -1px; line-height: 30px; }
h2 {font: normal 20px Arial, Helvetica, sans-serif; color: #6DBC10; letter-spacing: -1px; text-transform: none; line-height: 26px; }
h3 {font: normal 18px Arial, Helvetica, sans-serif; color: #6c6c6c; letter-spacing: 0px; line-height: 24px; text-transform: none;}
h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #747474; line-height: 19px; text-transform: none; }
h5 {font: bold 12px Arial, Helvetica, sans-serif; color: #ff7e00; line-height: 18px; text-transform: none; }
h6 {font: bold 11px Arial, Helvetica, sans-serif; color: #6c6c6c; line-height: 17px; text-transform: none;}
a {color: #6DBC10; text-decoration: none;}
a:hover {color: #6DBC10; text-decoration: underline;}
a.image, a.image:hover, a img  {border:0;}
ul {
	list-style: none;
}
ul li {
	padding: 2px 0px 2px 24px;
	background: transparent url(../images/checkbox.gif) no-repeat 0px 1px;
}
 
#main_content ul li, #main_content2 ul li {
	width: 100%;
}
 
ol {
	padding: 5px 25px;
}
 
fieldset {
	width: 95%;
	padding: 5px;
	border: 1px solid #eeeeee;
}
.both {
	clear: both;
}
 
input, select, label {
	vertical-align: middle;
}
 
p {
	padding: 5px 0px;
}
 
/* *********************** END GENERAL SETTINGS *********************** */
 
#body_top {
	background: #ffffff url(../images/body_top_bg.gif) repeat-x top center;
	width: auto;
	padding: 0px;
}
 
#body_bot {
	background: transparent url(../images/body_bot_bg.gif) repeat-x bottom center;
	width: auto;
	padding: 0px;
}
 
#content { 
	margin: 0px auto;
	width: 0px auto;
 
 
	/* CONTENTY */
 
	background: #E3A869;
    padding-top:10px;
	padding-left:380px;
}
 
#c_bot {
	width: 912px;
	background: transparent url(../images/c_top_bg.gif) no-repeat bottom center;
	padding: 20px 0px;	
}
 
#c_top {
	width: 912px;
	background: transparent url(../images/c_top_bg.gif) no-repeat top center;
}
 
#top { 
 
/* TOPPY **/
 
	padding: 0px; 
	margin: 0px auto;
	width: 0px auto;
	height: 205px;
	background: #330000 url(../images/top_bg.gif) repeat-x top center;
} 
 
#top_wrap {
	width: 702px;
	height: 191px;
	position: relative;
	margin: 0px auto;
}
 
#top_wrap #title {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 702px;
	height: 140px;
}
 
#top_wrap #title h1#logo {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #cccccc; 
	letter-spacing: -2px; 
	text-transform: none;
	text-align: center;
	margin: 17px auto 0px auto;
	padding-top: 40px;
	padding-right: 50px;
 
}
 
#top_wrap #title h1 {
	font: normal 24px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #FFFFFF; 
	letter-spacing: -1px; 
	text-transform: none;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	white-space: nowrap;
}
 
#top_wrap #title h2 {
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #FFFFFF; 
	letter-spacing: 0px; 
	text-transform: none;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	white-space: nowrap;
}
 
#top_wrap #menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 702px;
	height: 45px;
	background: transparent url(../images/top_menu_bg.png) no-repeat top center; 
}
 
#menu #uls {
	text-align: left;
	padding: 12px 0px;
}
 
#menu table.moduletable {
	margin: 0px;
}
 
#menu #uls table.moduletable td {
	background: transparent;
	font-size: 24px;
}
 
#menu #uls ul {
	list-style: none; 
	text-align: left; 
	padding-top: 0px;
	display: inline;
	margin: 0px auto;
}
 
#mainlevel-nav li {
	padding: 0px;
	background: transparent;
	display: inline;
	white-space: nowrap;
	margin: 0px;
}
 
#mainlevel-nav li a {
 
	/** TOP MENU EDITOR */
 
	allign:justify;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font: bold 18px Arial, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding: 0px 14px;
}
 
#mainlevel-nav li a:hover {
	text-decoration: none;
}
 
#switcher {
	width: 492px;
	float: left;
}
 
#buttons {
	width: 49px;
}
 
.toggler {
	color: #222;
	margin: 0;
	padding: 3px 0px 0px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 49px;
	cursor: pointer;
}
 
#accordion h3 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #525252;
	padding-bottom: 10px;
	padding-top: 10px;
}
 
#mod_user5, #mod_user6, #mod_user7 {
	width: 410px;
	color: #6c6c6c;
	height: 100px;
}
 
#mod_user5 a, #mod_user6 a, #mod_user7 a {
	color: #6DBC10;
	font-weight: bold;
	text-decoration: none;
}
 
#mod_user5 a:hover, #mod_user6 a:hover, #mod_user7 a:hover {
	color: #330000;
}
 
/* Accordion */
 
#wrapper2 .tabbed h3 {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	text-indent: 10px;
	cursor: pointer;
	text-transform: none;
	color: #b6b6b6;
}
 
#wrapper2 h3 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	letter-spacing: 0px;
}
 
#wrapper2 h3 a {
	color: #747474;
	text-decoration: none;
}
 
#wrapper2 h3 a:hover {
	color: #0E3A55;
	text-decoration: none;
}
 
#wrapper2 {
	width: 190px;
	padding: 0px 0px;
	margin: 0px;
}
 
#wrapper2 .tabbed{
	color: #b6b6b6;
	margin: 0px;
	height: 21px;
	padding: 0px 0px;
	background: #111111 url(../images/toggler_bg.gif) repeat-x top center;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
 
#main {
	padding: 11px 0px 0px 0px;
	margin: 0px; 
	width: 912px;
	background: transparent; 
	clear: both;
} 
 
#left_col, #right_col {
	width: 210px;
	float: left;
}
 
#main_content {
	float: center;
	width: 492px;
	margin: 0px;
	padding: 0px;
}
 
#main_content #main_body {
	margin: 0px 0px 7px 0px;
	padding: 0px 20px 0px 20px;
	width: 452px;
	background: transparent;
}
 
#main_content2 {
	float: center;
	width: 702px;
	margin: 0px;
	padding: 0px;
}
 
#main_content2 #main_body2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 682px;
	background: transparent;
}
 
div#banner {
	margin: 0px auto 10px auto;
	text-align: center;
}
 
/********************/
 
#newsflash {
	margin: 0px;
	padding: 0px;
	width: 410px;
	height: 118px;
	background: transparent;
}
 
#newsflash div.moduletable td, #newsflash .contentpaneopen td {
	padding: 0px;
	margin: 0px;
	color: #6c6c6c;
	line-height: 14px;
	background: transparent;
	text-align: left;
}
 
#newsflash div.moduletable h3 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	letter-spacing: 0px;
	line-height: 18px;
}
 
#newsflash .article_seperator { 
	background : none;
	font-size: 1px;
}
 
#bmods {
	float: left;
	width: 410px;
}
 
/******/
 
.white_space {
	height: 20px;
	display: block;
}
 
.sep {
	display: block;
	height: 10px;
	clear: both;
}
 
#footer {
 
	/*FOOTY **/
 
	margin: 0px auto;
	width: 100%;
	height: 100%;
	background: #000000 url(../images/footer_bg.gif) repeat-x top center;
}
 
#footer p {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding: 13px 0px 0px 0px;
	line-height: 16px;
	background: #330000;
}
 
#footer p a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
 
#footer p a:hover {
	text-decoration: none;
	color: #777777;
}
 
/* *********************** END LAYOUT SETTINGS  *********************** */
 
/* *********************** NAVIGATION SECTION   *********************** */
/* Pathway Breadcrumbs */	
	.pathway {font-size: 12px;color:#ffffff; font-weight: bold; }
	a.pathway {color: #ff7e00;text-decoration: none; }
	a.pathway:hover {color:#ff7e00;text-decoration: underline;}
	span.pathway img {
 
	}
 
 
ul.menu li a, ul#mainlevel li a {
	color: #7e7e7e;
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 8px 0px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	background: transparent;
}
 
ul.menu li a:hover, ul#mainlevel li a:hover {
	color: #ffffff;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: center;
	margin: 0px;
	padding: 6px 0px 8px 0px;
	background: #6DBC10;
}
 
ul.menu, ul#mainlevel {
	padding: 0px 0px 20px 0px;
	list-style: none;
 
}
 
ul.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
 
ul.menu li, ul#mainlevel li {
	padding: 0px;
	margin: 0px;	
	display: block;
	background: none;
}
 
ul.menu ul {
	clear: both;
}
 
ul.menu ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	display: block;
	width: auto;
}
 
div.moduletable_menu ul.menu li#current a, 
div.moduletable_menu ul.menu li#current a:hover, 
ul#mainlevel li #active_menu {
	color: #6DBC10;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 8px 0px;
	text-transform: none;
	text-decoration: none;
	display: block;
	text-align: left;
	margin: 0px;
	background: transparent;
}
 
div.moduletable_menu ul.menu li#current a:hover{
	background: #6DBC10;
	text-align: center;
}
 
div.moduletable_menu ul.menu #current ul li a, 
div.moduletable_menu ul.menu li ul li a {
	color: #7e7e7e;
	text-decoration: none;
	border: none;
	font-weight: normal !important;
	padding: 6px 0px 8px 0px;
}
 
ul.menu li#current ul li a:hover,
ul.menu li ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #6DBC10;
	border: none;
	font-weight: normal;
	padding: 6px 0px 8px 0px;
}
 
/* *********************** END NAVIGATION SECTION ********************* */
 
/* *********************** STANDARD MODULE TABLE  ********************* */
 
#left_col div.moduletable h3, #left_col .moduletable_menu h3, #right_col div.moduletable h3, #right_col .moduletable_menu h3 { 
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 3px 0px;
	text-transform: none;
	color: #eeeeee;
	text-align: center;
	background: #0E3A55;
	letter-spacing: 0px;
	width: 210px;
}
 
#left_col div.moduletable, #left_col2 div.moduletable {
	text-align: center;
	padding: 0px 0px 13px 0px;
	margin-bottom: 2px;
	background: transparent;
}
 
#right_col div.moduletable {
	padding: 0px 0px 4px 0px;
}
 
table.moduletable td {height: 18px; text-align: center; } 
 
table.moduletable p {
	text-align: left;
}
 
/* Custom Modules */
 
.latestnews, .mostread {
	list-style: none;
	padding: 1px 2px;
	margin: 0px;
	text-align: left;
	background: none;
}
 
li.latestnews, li.mostread {
	list-style: none;
	padding: 1px 0px;
	margin: 0px;
	background: none;
}
 
li.latestnews a, li.mostread a {
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding-left: 20px;
	display: block;
	color: #6a6a6a;
	background: transparent url(../images/s_arrow.gif) no-repeat 1px 5px;
}
 
#left_side li.latestnews a, #left_side li.mostread a, #left_side2 li.latestnews a, #left_side2 li.mostread a {
	background: transparent url(../images/arrow.gif) no-repeat 1px 5px;
}
 
li.latestnews a:hover, li.mostread a:hover {
	text-decoration: none;
	color: #ff7e00;
}
 
.search {
	padding: 5px 0px;
	margin: 0px;
	text-align: center;
}
 
.search .button {
	background: none;
	border: none;
	color: #ff7e00;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 19px;
	height: 30px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-transform: none;
	padding: 0px;
	margin: 0px;
	width: 65px;
}
 
.search .button:hover {
	color: #ffffff;
}
 
.search .inputbox {
	margin: 0px 0px;
	padding: 7px 3px;
	width: 174px;
	height: 16px;
	background: transparent url(../images/search_bg.png) no-repeat top left;
	border: 0;
	color: #ffffff;
	vertical-align: middle;
}
 
/* End Custom Modules */
 
/* *********************** END STANDARD MODULE TABLE ********************* */
 
/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */
 
td.contentheading {
	padding: 5px 0px;
	margin: 0px;
	line-height: 14px;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #000000;
	text-transform: none;
}
 
.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
}
 
/* content title and links */
.contentpagetitle {background-color : #E9C2A6; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: bold; color: #525252; }
a.contentpagetitle:hover { color: #6DBC10; text-decoration: none;}
 
/* top box like a category description */
.contentdescription {
	background: transparent;
	padding: 5px 0px;
}
 
/* Main Body Text */
.contentpane { }
 
.contentpaneopen { line-height: 16px; margin: 0px 0px 10px 0px; }
 
.contentpaneopen img {
	margin: 5px;
}
 
#main_body .contentpaneopen {
	width: 100%;
}
 
/* Main Body Text */
 
/* article rating */
.content_rating {font-weight: normal;font-size:10px; padding-left: 2px;vertical-align: middle;line-height: 10px;}
.content_vote {font-weight: normal;font-size: 10px;}
.content_rating img {
	vertical-align: middle;
}
 
.content_vote input {
	background: none;
	margin-left: 1px;
	margin-right: 1px;
}
 
/* icons */
.buttonheading{font-size: 12px; }
.buttonheading img {
	margin: 0px 1px;
}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}
 
/* Dates */
.createdate {color: #9c9c9c; font-size: 11px; font-weight: bold; text-transform: none; padding-bottom: 15px; line-height: 12px; }
.modifydate {color: #cccccc; font-size: 11px; font-style: normal; text-transform: none; line-height: 12px;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */
 
/* Writen by Authors name */
.small { 
	color: #c4c4c4;
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin: 0px; padding: 0px;
	text-transform: none;
}
 
/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 14px; 
	color: #747474;
}
.pagebar{font-size: 11px; font-weight: normal;}
.pagenav_prev{font-size: 11px; color: #747474; text-decoration: none; }
.pagenav_next{font-size: 11px; color: #747474; text-decoration: none; }
a.pagenav {color: #6DBC10; text-decoration: none; font-weight: normal; }
a.pagenav:hover {color: #6DBC10; text-decoration: underline; font-weight: normal; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;  margin: 5px 0px; text-transform: uppercase; font-weight: bold; }
 
/* Read more link */
.readon {
	font-weight: bold !important;
	font-size: 11px;
	text-decoration: none;
	color: #6DBC10;
	line-height: 22px;
}
 
.readon:hover {
	text-decoration: none;
	color: #6DBC10;
}
 
/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
 
table.contenttoc th {
	background: transparent; 
	color: #666666;
}
 
table.contenttoc td {padding: 2px;}
 
/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */
 
/*  component heading */
.componentheading {
	text-align: left;
	background: transparent;
	height: 16px;
	padding: 7px 0px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: -1px;
	vertical-align: middle;
}
 
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background: #e1e1e1;
	color : #747474;
	border-collapse: collapse;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}
 
/* Table odd and Even Rows */
.sectiontableentry1 {
	background: transparent;
	color: #999999;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}
 
.sectiontableentry2 {
	background: transparent;
	color: #666666;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}
 
#left_side .sectiontableentry1, #left_side2 .sectiontableentry1  {
	color: #d3edf7;
	line-height: 16px;
}
 
#left_side .sectiontableentry2, #left_side2 .sectiontableentry2 {
	color: #ffffff;
	line-height: 16px;
}
 
.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 2px !important;
}
 
.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	height: 13px;
	width: 13px;
	background: none;
	vertical-align: middle;
}
 
.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 185px;
	display: block;
}
 
.sectiontablefooter {
	height: 18px; 
}
 
table.poll {
	border: none;
	margin: 0px;
	padding: 0px 5px;
}
 
table.poll thead td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
 
#left_side table.poll div, #left_side2 table.poll div {
	text-align: center;
	font-size: 1px;
	letter-spacing: -2px;
}
 
#left_side table.poll div input, #left_side2 table.poll div input {
	letter-spacing: 0px;
}
 
table.pollstableborder {
	margin: 0px;
	padding: 0px;
	border: none;
}
 
table.pollstableborder td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
 
/* End Sectiontable */
 
/* Category */
.category {color:#ccc;}
a.category:link, a.category:visited { height: 15px; color: #6DBC10; text-decoration: none;  }
a.category:hover  {	height: 15px; color: #6DBC10; text-decoration: underline; }
/* End category */
 
/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : transparent;}
/* End blogsection */
 
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	background: #f0f0f0;
	padding: 0px 4px 0px 4px;
	color: #0E3A55;
	font-weight: bold;
}
/* End Search Form */
 
/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */
 
/* *********************** FORM SECTION  *********************** */	
form { 
	font-size: 12px;
	margin: 0px;
	color:#000000;
}
 
input {
	background-color: #FFFFFF;
	font-size: 11px; color: #333;
}
 
#mod_login_username, #mod_login_password {
	background: #ffffff;
	font-size: 11px;
	padding: 2px;
	margin: 3px 0px;
	width: 140px;
	border: 1px solid #12263a;
	color: #666;
}
 
#mod_login_remember {
	background: transparent;
	border: none;
	height: 15px;
	vertical-align: middle;
	padding: 0px;
	margin: 3px;
}
 
div.moduletable fieldset {
	width: 200px;
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
}
 
div.moduletable form.form-login input.button {
	text-align: center;
	cursor: pointer;
}
 
div.moduletable form.form-login p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
 
div.moduletable form.form-login p.central {
	margin: 0px;
	padding: 5px 0px;
	text-align: center !important;
}
 
div.moduletable form.form-login a {
	color: #6DBC10;
}
 
.inputbox { background: transparent; border: 1px solid #666666; margin: 2px 0px; color: #747474; }
.text_area, textarea {background: transparent; border: 1px solid #666666; width: 100%; color: #747474; }
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
	border: none;
	color: #6DBC10;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background: transparent;
	margin: 0px;	
	text-transform: none;
	vertical-align: middle;
	outline: none;
	height: 23px;
}
 
.button:hover {
	color: #6DBC10;
}
 
 
#left_col select, #left_col #mod_templatechooser_jos_change_template, #left_col option, select, select option {
	background: #ffffff;
	font-size: 11px;
	padding: 1px;
	margin: 3px 0px;
	width: 156px;
	color: #666;
	height: auto;
	font-weight: normal;
}
 
#left_col select {
	border: 1px solid #747474;
}
 
#main_content select, #main_content select option {
	width: auto;
}
 
 
/* Contact Email Form */
.contact_email {margin: 0px;padding: 0px; color: #000000; font-size: 16px;}
 
#searchphraseany, #searchphraseall, #searchphraseexact {
	background: none;
}
 
 
/* *********************** END FORM SECTION *********************** */
 
/* *********************** TABBED EDITING *********************** */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
 
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}
 
 
/* Text passed with mosmsg url parameter */
.message {
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }
 
/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }
 
.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }
 
.edit-tabs {
   padding: 1em;
   background: none;
   }
 
.tabpadding {padding:1px;}
 
.tabheading {
	background-color: #FF6600;
	text-align: left;
   }
 
.pagetext {
	visibility: hidden;
	display: none;
   }
 
	/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* *********************** End TABBED EDITING *********************** */
#system-message { margin-bottom: 20px; }
 
#system-message dd.message ul { background: #C3D2E5; 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
 
#system-message dd.error ul { color: #c00; background: #E6C0C0; 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
 
#system-message dd.notice ul { color: #c00; background: #EFE7B8; 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
 
#component-contact{
	font-size:18px;
	color:black;
	text-allign: center;
	}
#component-contact table.contentpaneopen td{
	font-size:18px;
	color:black;
	}
#component-contact table.contentpane td {
	font-size:18px;
	color:black;
	}
#component-contact table.contentpaneopen{
	font-size:18px;
	color:black;
	}
#component-contact table.contentpane{
	font-size:18px;
	color:black;
	}
#component-contact table.contentpane{
	font-size:18px;
	color:black;
	}

HTML CODE: Which there is lots of. Its on Joomla.

Please Help ( ( (

Tags:

Thu, 2010-09-09 09:04

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

You'll need to post a link.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Thu, 2010-09-09 09:08

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Thought i put it there

www.scottwilliamscontracting.com.au

Thu, 2010-09-09 09:22

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

:(

Can anyone help?

Thu, 2010-09-09 09:41

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

Jeez, mate you posted the

Jeez, mate you posted the link 14 minutes before you posted again. Have some patience. FWIW your template's a mess and it's going to be quicker for me to start it again from scratch than to try and tell you how to fix it.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Thu, 2010-09-09 09:50

Hugo

Offline

Moderator

Joined: 2004-06-06

Posts: 15096

Points: 2191

This is a theme though,

This is a theme though, technically a theme is written to work for whatever application it was intended for, when there are issues with a theme not working correctly those should be taken to the author to seek support on.

Given this is Joomla the state of the markup is not surprising and from experience trying to help with Joomla malformed markup and styles is simply too problematic.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Thu, 2010-09-09 09:59

Hugo

Offline

Moderator

Joined: 2004-06-06

Posts: 15096

Points: 2191

There appears to be a lot

There appears to be a lot that isn't quite right , but for starters if you have a fixed width on that inner element then you will need a comparable min-width on body or some parent element.

The approach to creating a two column layout seems a little odd generally it's not worked up using padding to force the column space.

Thu, 2010-09-09 14:41

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

So seeing as this is a theme

So seeing as this is a theme and run from joomla, there is generally no way that i can fix this problem?
If possible could you highlight the areas i need to change? This would help a lot i am a first year web development student at university and am learning slowly how to do this.

Thu, 2010-09-09 16:20

Hugo

Offline

Moderator

Joined: 2004-06-06

Posts: 15096

Points: 2191

You can fix the problem but

You can fix the problem but should we? we generally will help with hand coded layouts and other areas but we hope to be dealing with standards based semantic code, where we see an issue in that respect we would tend to point this out and try and help to correct that; the issue arises with themes that will have tended to go a little too far beyond that which it is reasonable for us to get stuck into, personally speaking I have seen and tried to help with too many Joomla sites and avoid them like the plague

Do you have to use Joomla, perhaps consider Wordpress especially now it has custom pages or more like Joomla but 100 times better Drupal.

If you are just starting to learn web development choosing an app of any sort is not the way to learn anything you must start to handcode and develop your own sites if you want a full grasp of things.

Fri, 2010-09-10 00:03

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Im working from the skeleton

Im working from the skeleton joomla left behind from the previous person who attempted to create this website for my Uncles business. I have suggested to him that we start over from new, but he refuses to. He said he wants to stick with joomla because thats what keeps him happy.
I wouldn't know the first thing about actually starting the website from scratch, seeing as he wants this problem fixed in at least the next week or two and i still have so much university homework to plunder.
I am willing to work with and listen to whomever tries to help me with this.
I would consider just fixing this for the meantime and when i figure out how to do my own websites i will then re-start the entire project from scratch.
OH yeah, pretty please

Fri, 2010-09-10 00:23

#10

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

You're probably better off

You're probably better off posting this on a Joomla forum as fixing your problem is going to require changing the HTML and I for one don't know how much you can change using Joomla. Or you could try contacting the people who made the template you're using: http://www.joomladesigns.co.uk/

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Fri, 2010-09-10 00:48

#11

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Ive posted on joomla main

Ive posted on joomla main site. Joomla Designs requires me to buy a membership to get support help. Heres hoping i can fix this problem as it seems to me, with my limited experience that it is limited to the CSS only.?

Fri, 2010-09-10 03:21

#12

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Came up empty. The main

Came up empty. The main problem i am having now, i switched to rocket theme and used the gantry framework to try and form a new website, but this has come with ten times the amount of problems as my black space. I am really down in the dumps right now, i really need to know if there is a simple fix to my black space problem before i go commit suicide or something. I just cant seem to get my head around all of this.

Fri, 2010-09-10 03:26

#13

Deuce

Offline

Guru

Timezone: GMT-6

Joined: 2005-11-20

Posts: 4416

Points: 1835

Just went to the site. Don't

Just went to the site. Don't see any 'black' spaces. Is it on a specific page?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Fri, 2010-09-10 03:31

#14

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Here, i changed it back to

Here, i changed it back to the original template just then, just minimize the page. Or put it in a smallerwindow and scroll to the right and you will see my problem

Fri, 2010-09-10 04:40

#15

Deuce

Offline

Guru

Timezone: GMT-6

Joined: 2005-11-20

Posts: 4416

Points: 1835

There is no 'scroll to the

There is no 'scroll to the right'. Not sure what you're referring to.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Fri, 2010-09-10 05:00

#16

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

You make the window smaller.

You make the window smaller. The browser window. And you use the scroll bar, the thing at th bottom of the screen, to move to the right of the page. And black space appears all down the right hand side

Fri, 2010-09-10 05:12

#17

Deuce

Offline

Guru

Timezone: GMT-6

Joined: 2005-11-20

Posts: 4416

Points: 1835

Take overflow:scroll off of

Take overflow:scroll off of html
Take the huge left padding off of #content
Change the margin on #main to margin: 0 auto;

That fixed it for me at 1024x768

I can't get it to work at 800x600, but then again, the code is so jacked up on that site I'm surprised I got it do anything.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Fri, 2010-09-10 05:25

#18

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Your solution helped me with

Your solution helped me with two things. It erased the need for me to add that extra padding to center my content. I also found the right area in which to make the content background the same colour instead of black. All i need to do is change the footer and header to the same colour, just have to find the right areas

Fri, 2010-09-10 05:38

#19

Deuce

Offline

Guru

Timezone: GMT-6

Joined: 2005-11-20

Posts: 4416

Points: 1835

Don't take my helping you as

Don't take my helping you as an excuse to not fix that atrocity. I just understand what it's like to have someone breathing down your neck.

Your best bet is to install WordPress, find a theme and modify it to fit your needs. There are lots of good themes out there that aren't written by 8 year olds with a The HTML Sourcebook: The Complete Guide to HTML book.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Fri, 2010-09-10 06:06

#20

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

I don't know how to use

I don't know how to use WordPress. I'm very new and this is what i'm stuck with (JOOMLA) . I wouldn't have the faintest idea about how to use PHP or MySQL for web design. The person who asked me to help doesn't want me doing anything but joomla. I wouldnt know how to use anything else anyway.

Fri, 2010-09-10 13:45

#21

Hugo

Offline

Moderator

Joined: 2004-06-06

Posts: 15096

Points: 2191

Hmm what follows is not said

Hmm what follows is not said in any way to knock you back or appear unhelpful (even though it does)

Your uncle and whomever else are placing unreasonable responsibility on you given your admitted lack of experience, and you should really have stood up to them and explained the difficulties to them and graciously backed out. If your uncle requires a web site for his commercial? business then he ought to understand the value and of importance of that in this day and age and be paying a professional web developer or company to get this site ready for production.

It is not really reasonable nor is it the point of forums such as this to fix up web sites for free so to speak, we will always try and help with particular issues but can not be seen simply to be a service.

Sorry that that will appear to be rather harsh, but it's honestly not intended to be, you stated that the template authors require a subscription to provide support, this actually is now a very common business model, the wor 'free' is all too often misunderstood especially when used together with the phrase GPL.

I would suspect that the cost of that support would in the long run be well worthwhile to your uncle to get his site up and running and he should re-consider that cost. if you like direct him to this thread to read for himself

Sat, 2010-09-11 00:43

#22

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Dont worry, i managed to fix

Dont worry, i managed to fix everything myself. Took me a few hours but i pushed through. I made my own template, which was mentioned above and then uploaded it.

Sat, 2010-09-11 00:43

#23

kwikcucumber

Offline

Regular

Timezone: GMT+10

Joined: 2010-09-09

Posts: 13

Points: 14

Dont worry, i managed to fix

Dont worry, i managed to fix everything myself. Took me a few hours but i pushed through. I made my own template, which was mentioned above and then uploaded it.

Horrible black space on page.

You'll need to post a link.

Thought i put it there

:(

Jeez, mate you posted the

This is a theme though,

There appears to be a lot

So seeing as this is a theme

You can fix the problem but

Im working from the skeleton

You're probably better off

Ive posted on joomla main

Came up empty. The main

Just went to the site. Don't

Here, i changed it back to

There is no 'scroll to the

You make the window smaller.

Take overflow:scroll off of

Your solution helped me with

Don't take my helping you as

I don't know how to use

Hmm what follows is not said

Dont worry, i managed to fix

Dont worry, i managed to fix

New forum topics

User login

Navigation