The Arcive of Official vBulletin Modifications Site.

Farrhad A · #1 06-16-2009, 01:46 PM

Hi,

My logo splits into two on certain resolutions.

I have attached a screenshot.

Many people are complaining of this.

How can I fix this? Please help.

Thanks!

www.webmasterpeers.com

Attitude5ire · #2 06-16-2009, 02:29 PM

Your header might be fixed where the top part of the logo is and centered but the part below might be fluid which expands with resolution.

Farrhad A · #3 06-16-2009, 02:35 PM

Quote:

Originally Posted by Attitude5ire

Your header might be fixed where the top part of the logo is and centered but the part below might be fluid which expands with resolution.

I am a real noob at coding please can someone tell me how to fix this.

Lynne · #4 06-16-2009, 03:54 PM

It's very hard to figure out something like that when there is no link to your site to see the actual code.

Farrhad A · #5 06-16-2009, 04:01 PM

I have linked to it in my opening post, guess you missed it since it is very near to the attachment.

Lynne · #6 06-16-2009, 04:32 PM

Ah yes. You can see it in firefox also if you expand your browser width and then collapse it. I think Attitude5ire is correct in that the positioning of the two is different which is why you see the offset.

Farrhad A · #7 06-16-2009, 05:21 PM

Quote:

Originally Posted by Lynne

Ah yes. You can see it in firefox also if you expand your browser width and then collapse it. I think Attitude5ire is correct in that the positioning of the two is different which is why you see the offset.

Okay, but how do i fix it?

Attitude5ire · #8 06-17-2009, 03:15 AM

You need to either make the header fluid too so it doesnt just center or you need to fix the section below header. I took a peek at ur code and u need to ask ur webmaster to redo ur header and possibly navbar not sure, Simple way to float that logo without cutting 2 parts is just using transparent png and some absolute or relative positioning.

Cheers

Farrhad A · #9 06-17-2009, 10:27 AM

Imanaged to fix the logo but now the forum has got too wide.

Code:

/* *** required *** */
.nopad, .nopad * {
	padding: 0;
	margin: 0;
}
.clear { clear: both; }
.container {
	margin: 0 auto;
	width: 900px;
	padding: 0px 100px 0px 100px;
}

/* *** header *** */
#header {
	background: url(images/webmasterpeers/header/bg.gif) repeat-x top left #355052;
}
	#header .container {
		background: url(images/webmasterpeers/header/header.jpg) no-repeat top left;
		width: 1100px;
		position: relative;
		height: 88px;
		padding: 0px;
	}
	
	/* *** logo *** */
	#header h1 {
		height: 88px;
		float: left;
		margin-left: 75px;
		width: 238px;
	}
		#header h1 a {
			display: block;
			height: 88px;
			text-indent: -9999px;
			outline: none;
		}
		
	/* *** nav *** */
	#header ul {
		background: #50959a;
		border-top: 1px solid #314a4b;
		position: absolute; bottom: 0; right: 100px;
		width: 671px;
	}
		#header li {
			display: inline;
			list-style: none outside;
		}
			#header li a {
				border-top: 1px solid #79c2c7;
				border-left: 1px solid #386b73;
				border-right: 1px solid #65b2b7;
				color: #FFF;
				font: bold 14px/40px arial;
				display: block;
				height: 40px;
				float: left;
				text-align: center;
			}
			#header li a:hover {
				background: url(images/webmasterpeers/header/rollover.gif) repeat-x top left #c9d8e7;
				border-right-color: #bbc8d4;
				border-top-color: #b8c5d1;
				color: #5c6875;
				text-decoration: none;
			}
			
			#header li#nav1 a {
				border-left: 0;
				width: 67px;
			}
			#header li#nav2 a {
				width: 80px;
			}
			#header li#nav3 a {
				width: 108px;
			}
			#header li#nav4 a {
				width: 55px;
			}
			#header li#nav5 a {
				width: 63px;
			}
			#header li#nav6 a {
				width: 71px;
			}
			#header li#nav7 a {
				width: 57px;
			}
			#header li#nav8 a {
				background: url(images/webmasterpeers/header/register_now.gif) no-repeat center center #3e747a;
				width: 156px;
				padding: 0;
				border-right: 0;
				text-indent: -9999px;
			}
			#header li#nav9 a {
				width: 156px;
				border-right: 0;
			}

/* *** header lower *** */
#header_lower {
	background: url(images/webmasterpeers/header/lower_bg.gif) repeat-x bottom left #ceddec;
	border-bottom: 1px solid #ecf6ff;
	min-height: 187px;
}
	* html #header_lower {
		height: 187px;
	}
	.logo {
		background: url(images/webmasterpeers/header/logo_under.gif) no-repeat top center;
		display: block;
		float: left;
		height: 60px;
		width: 214px;
	}
	
	#member_box {
		clear: left;
		float: left;
		margin-top: 11px;
		width: 211px;
	}
		#member_box p { margin: 0; }
		#member_box input { vertical-align: middle; }
		#member_box div {
			border-top: 1px solid #9facba;
			border-left: 1px solid #acbac9;
			border-right: 1px solid #acbac9;
			border-bottom: 1px solid #b4c2d2;
			font-size: 10px;
			padding: 9px;
			background: url(images/webmasterpeers/header/login_bg.gif) repeat-x top left #b8c7d7;
		}
		.loginput {
			padding: 2px 8px;
			width: 74px;
			margin: 0 2px;
			margin-bottom: 6px;
			height: 14px;
			font-size: 10px;
			border: 0;
			background: url(images/webmasterpeers/header/login_input.gif) no-repeat center right;
			color: #5f666e;
		}
		.loginGo {
			border: 0;
			background: url(images/webmasterpeers/header/login_go.gif) no-repeat center center #5ca0a6;
			width: 211px;
			height: 36px;
		}
	
	#guest_message {
		background: url(images/webmasterpeers/header/msg_top.gif) no-repeat top center #FFF;
		float: right;
		position: relative;
		margin-top: 5px;
		margin-right: -5px;
		width: 681px;
	}
		#guest_message #inner {
			background: url(images/webmasterpeers/header/msg_bottom.gif) no-repeat bottom center;
			padding: 25px 20px;
		}
		#guest_message p {
			color: #66857d;
			margin: 0;
			line-height: 150%;
		}
	
	#foursixeight {
		float: right;
		margin-bottom: 12px;
		margin-top: 7px;
		text-align: center;
		width: 681px;
	}
	
/* *** content *** */
#main_content {
	border-top: 4px solid #ddeef6;
	padding: 30px 0;
}

/* *** footer *** */
#footer {
	background: url(images/webmasterpeers/footer/bg.gif) repeat-x top left #9ba4ae;
}
	#footer .container {
		background: url(images/webmasterpeers/footer/copyright.jpg) no-repeat top left;
		width: 1100px;
		padding-top: 85px;
		padding-bottom: 20px;
	}
	#footer p {
		color: #FFF;
		margin: 0;
		margin-left: 100px;
		margin-bottom: 5px;
	}
		#footer p a { color: #26272a; font-weight: bold; }

/* *** misc *** */
.tcat_icon { margin-right: 6px; }
.count {
	color: #2b4041;
	font-weight: bold;
}

/* *** postbit *** */
.posttitle {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #afb2b7;
	font-size: 13px;
	color: #3e5a5d;
}
#postbit_top, #postbit_bottom {
	display: block;
	height: 4px;
	width: 196px;
	margin: 0 auto;
}
	#postbit_top {
		background: url(images/webmasterpeers/postbit/postbit_top.gif) no-repeat bottom center;
	}
	#postbit_bottom {
		background: url(images/webmasterpeers/postbit/postbit_bottom.gif) no-repeat top center;
	}
#postbit {
	background: url(images/webmasterpeers/postbit/postbit.gif) no-repeat top center;
	color: #f4f2f5;
	width: 172px;
	padding: 9px 12px;
	text-align: center;
}
	#postbit a {
		color: #3d5b5d;
	}
	.userinfo {
		border: 1px solid #36393e;
		border-width: 0 1px;
		text-align: left;
		padding: 5px 8px;
		margin-bottom: 6px;
		background: url(images/webmasterpeers/postbit/userinfo.gif) repeat-x top left;
	}
.post_top_cell {
	background: url(images/webmasterpeers/postbit/gradient_top.gif) repeat-x top left #d7dce2;
}
.post_bottom_cell {
	background: url(images/webmasterpeers/postbit/gradient_bottom.gif) repeat-x bottom left #d7dce2;
	border-bottom: 1px solid #FFF;
}
.msg {
	color: #3d4248;
	line-height: 150%;
}

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07350 seconds Memory Usage 2,275KB Queries Executed 12 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (1)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (9)post_thanks_box (9)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (9)post_thanks_postbit_info (9)postbit (1)postbit_attachment (9)postbit_onlinestatus (9)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!