Force div to move up

I've wrapped the header image in a div named #headimg here: http://173.247.241.141/~tbcinfo/ I need to get that to move up so the bottom of the B just touches the top of the top black border like here: http://tbcinfo.com/
(We'll clean up that image after that of course.)
My problem is when I use a negative margin-top, the image becomes hidden. I can't move the div completely above the main page div because I lose the matching width and responsiveness that it has now.

Can anyone see what I'm doing wrong here?
LVL 15
DzynitAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Slick812Commented:
greetings  Dzynit - I have looked at your page and it's code, and I will say , That in a test I did, I can get the Image header thing with this -
   http://173.247.241.141/~tbcinfo/wp-content/uploads/2015/09/2015-header2015j4.png
image in it to move UP, and be visible,

However it is my opinion, that your Image and the arrangement of your page elements, and the Portions of the Image (the TBC initials-center, the left and right addresses-text, and the bottom tag line text, AND especially the "black background" for the address text) are NOT going to be able to FORCE into a responsive attractive visual experience.

Below is some code that moves the  header2015j4.png DIV up, and visible, but it is NOT properly responsive  on change of width, as your Template already does its own responsive delegations. I did this on my desktop development browser, so the correct view is more than 1400 px wide -

<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>The Bookkeeping Company - Portland, Oregon | 503-252-9197</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://173.247.241.141/~tbcinfo/xmlrpc.php" />
<!--[if lt IE 9]>
<script src="http://173.247.241.141/~tbcinfo/wp-content/themes/twentytwelve-2015gwpl/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://173.247.241.141/~tbcinfo/wp-content/themes/twentytwelve-2015gwpl/js/jquery.cycle.min.js" ></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('#rotate').cycle({
			fx:     'fade', 
			speed:   900, 
			timeout: 12000, 
			pause:   1 
		});
	});
</script>

<!-- This site is optimized with the Yoast SEO plugin v2.3.4 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="We understand that bookkeeping and the paperwork involved in running a business can be stressful and distracting."/>
<link rel="canonical" href="http://173.247.241.141/~tbcinfo/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="The Bookkeeping Company - Portland, Oregon | 503-252-9197" />
<meta property="og:description" content="We understand that bookkeeping and the paperwork involved in running a business can be stressful and distracting." />
<meta property="og:url" content="http://173.247.241.141/~tbcinfo/" />
<meta property="og:site_name" content="The Bookkeeping Company - Portland, Oregon" />
<meta property="og:image" content="http://tbcinfo.com/images/tbc_ani.gif" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="We understand that bookkeeping and the paperwork involved in running a business can be stressful and distracting."/>
<meta name="twitter:title" content="The Bookkeeping Company - Portland, Oregon | 503-252-9197"/>
<meta name="twitter:domain" content="The Bookkeeping Company - Portland, Oregon"/>
<meta name="twitter:image:src" content="http://tbcinfo.com/images/tbc_ani.gif"/>
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","url":"http:\/\/173.247.241.141\/~tbcinfo\/","name":"The Bookkeeping Company - Portland, Oregon","potentialAction":{"@type":"SearchAction","target":"http:\/\/173.247.241.141\/~tbcinfo\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- / Yoast SEO plugin. -->

<link rel="alternate" type="application/rss+xml" title="The Bookkeeping Company - Portland, Oregon &raquo; Feed" href="http://173.247.241.141/~tbcinfo/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Bookkeeping Company - Portland, Oregon &raquo; Comments Feed" href="http://173.247.241.141/~tbcinfo/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Bookkeeping Company - Portland, Oregon &raquo; Do any of these describe you? Comments Feed" href="http://173.247.241.141/~tbcinfo/home/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/173.247.241.141\/~tbcinfo\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.3"}};
			!function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='twentytwelve-fonts-css'  href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&#038;subset=latin,latin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='twentytwelve-style-css'  href='http://173.247.241.141/~tbcinfo/wp-content/themes/twentytwelve-2015gwpl/style.css?ver=4.3' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentytwelve-ie-css'  href='http://173.247.241.141/~tbcinfo/wp-content/themes/twentytwelve-2015gwpl/css/ie.css?ver=20121010' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='http://173.247.241.141/~tbcinfo/wp-includes/js/jquery/jquery.js?ver=1.11.3'></script>
<script type='text/javascript' src='http://173.247.241.141/~tbcinfo/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://173.247.241.141/~tbcinfo/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://173.247.241.141/~tbcinfo/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.3" />
<link rel='shortlink' href='http://173.247.241.141/~tbcinfo/' />
	<script type='text/javascript'>
				quoteRotator = {
					i: 1,
					quotes: ["<span id='quote'>Some Business owners think that it must be more cost efficient to do everything themselves. When in fact it has been proven that business owners who get bogged down with all the details can easily lose sight of their business goals.</span>",
"<span id='quote'>Having a professional bookkeeper on your team, allows you:<br /><ul><br />	<li>The time and energy needed to focus on building your business.</li><br />	<li>Security in knowing that your books are in order.</li><br />	<li>Tax saving strategies and business advice.</li><br />	<li>Reduced stress and paper work</li><br />	<li>More time to enjoy life!</li><br /></ul></span>",
"<span id='quote'>As proprietors of this firm we welcome the opportunity to be of service to you. In the spirit of service, we support a number of groups and charities, here are a few:<br /><ul><br />	<li><a href=\'http://www.mthoodrep.org\' target=\'_blank\'>Mt Hood Rep Theatre</a></li><br />	<li><a href=\'http://www.blueheavenacademy.org\' target=\'_blank\'>Blue Heaven Therapuetic Riding Academy</a></li><br />	<li><a href=\'http://www.lynchwoodpdx.com/\' target=\'_blank\'>Lynchwood Christian Church</a></li><br />	<li><a href=\'http://www.seworks.org\' target=\'_blank\'>SE Works</a></li><br />	<li><a href=\'http://www.snowcap.org\' target=\'_blank\'>SnowCap</a></li><br />	<li><a href=\'http://www.dougy.org\' target=\'_blank\'>Dougy Center</a></li><br />	<li><a href=\'http://www.cancer.org/docroot/home/index.asp\' target=\'_blank\'>American Cancer Society</a></li><br /></ul><br />If you are interested in getting involved with any of these organizations, please contact us or select the organization name for a direct link.</span>",
"<span id='quote'><p>Thank you Riley for the best pictures ever taken of us!</p><br /><a href=\'http://www.catonphoto.com\'>CatonPhoto.com</a><br /><h3 style=\'text-align: left;\'>The TBC Advantage</h3><br /><ul><br />	<li>Experience</li><br />	<li>Expertise</li><br />	<li>Personalized Services</li><br />	<li>Personal Attention</li><br />	<li>Accessibility</li><br />	<li>Guidance</li><br />	<li>Advice</li><br />	<li>Planning</li><br />	<li>Strategies</li><br />	<li>Stability</li><br />	<li>Commitment to your success!</li><br /></ul></span>",
"<span id='quote'><h2>Additional Services</h2><ul><br />	<li>Copies</li><br />	<li>Faxing</li><br />	<li>Scanning</li><br />	<li>Typing</li><br />	<li>Mail and Package Reciept</li><br />	<li>Insurance Audits</li><br />	<li>Projections</li><br />	<li>Employee Files</li><br />	<li>Notice Work</li><br />	<li>Excise Tax</li><br />	<li>Reviews</li><br />	<li>Minutes and Resolutions</li><br />	<li>Notary</li><br /></ul><br /><h3>Client Accolades</h3><br /><em>\'Friendly, reliable service, personalized for your business.\'</em><br /><br /><em>\'I got more done with you in the hour that we were together than I did in two trips to see the CPA I was working with initially.\'</em><br /><br /><em>\'I think we will have a long and good relationship with our businesses working together. I would not hesitate to tell people about you and your services!\'</em><br /><br /><em>\'The Bookkeeping Company is very professional and we have all found something to appreciate since we started using their services.\'</em><br /><br /><em>\'They stay on top of things so we can relax. They\'re great!\'</em><br /><br /></span>",
"<span id='quote'></span>",
"<span id='quote'><h3 style=\'text-align: left;\'>CLIENTS WE SERVE</h3><br /><ul><br />	<li>Artists and Authors</li><br />	<li>Architecture</li><br />	<li>Beauty / Hair</li><br />	<li>Book Store</li><br />	<li>Business coaching</li><br />	<li>Churches</li><br />	<li>Coffee shops</li><br />	<li>Computer services</li><br />	<li>Condo associations</li><br />	<li>Custom gun stocks</li><br />	<li>Dance Academy</li><br />	<li>Dentist</li><br />	<li>Design &amp; Advertising</li><br />	<li>Footwear - retail</li><br />	<li>Financial Services</li><br />	<li>Gift shops</li><br />	<li>Healthcare</li><br />	<li>Heating &amp; Cooling</li><br />	<li>Landscape nurseries</li><br />	<li>Language interpretation &amp; translation</li><br />	<li>Limo service</li><br />	<li>Legal Services</li><br />	<li>Moving</li><br />	<li>Nutrition Products - retail</li><br />	<li>Promotional products</li><br />	<li>Real estate and mortgages</li><br />	<li>Restaurants</li><br />	<li>Senior placement services</li><br />	<li>Software Development</li><br />	<li>Travel</li><br />	<li>Web based business</li><br /></ul></span>",

					],
					numQuotes: 7,
					fadeDuration: 2,
					fadeoutDuration: 0,
					delay: 5,
					quotesInit: function(){
						if (this.numQuotes < 1){
							document.getElementById('quoterotator').innerHTML="No Quotes Found";
						} else {
							this.quoteRotate();
							setInterval('quoteRotator.quoteRotate()', (this.fadeDuration + this.fadeoutDuration + this.delay) * 1000);
						}
					},
					quoteRotate: function(){
						jQuery('#quoterotator').hide().html(this.quotes[this.i - 1]).fadeIn(this.fadeDuration * 1000).css('filter','').delay(this.delay * 1000).fadeOut(this.fadeoutDuration * 1000);
						this.i = this.i % (this.numQuotes) + 1;
					}
	
				}
			</script>	<style type="text/css" id="twentytwelve-header-css">
			.site-title,
		.site-description {
			position: absolute;
			clip: rect(1px 1px 1px 1px); /* IE7 */
			clip: rect(1px, 1px, 1px, 1px);
		}
		</style>
	<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #a08c3a; }
</style>

<!-- Styles cached and displayed inline for speed. Generated by http://stylesplugin.com -->
<style type="text/css" id="styles-plugin-css">
#searchsubmit,.styles .post-password-required input[type="submit"],#respond input#submit{background-image:none}body .site{padding-left:0;padding-right:0;max-width:74.285714285rem}#masthead,#main,#colophon{padding-left:2.857142857rem;padding-right:2.857142857rem}.styles #page{background-color:#d7d5c9;font-family:Bookman, Palatino, Georgia, serif}.styles #page a{color:#000}
</style>
</head>

<body class="home page page-id-5 page-template-default custom-background styles page-template-two-column-left page-template-two-column-left-php page-template-two-column-left-default custom-font-enabled single-author">
<div id="page" class="hfeed site" style="overflow: visible; margin-top:8%">
<div align="center" id="headimg" style="position: relative; top:-118px;">
		<img src="http://173.247.241.141/~tbcinfo/wp-content/uploads/2015/09/2015-header2015j4.png" class="header-image" alt="" style="padding: 0; margin: 0; border: 0; border-radius: 0;	box-shadow: none;" /></a>
		</div>
<div id="innerpage" style="position: relative; top:-108px;">
	<header id="masthead" class="site-header" role="banner">
		<hgroup>
			<h2 class="site-title"><a href="http://173.247.241.141/~tbcinfo/" title="The Bookkeeping Company &#8211; Portland, Oregon" rel="home">The Bookkeeping Company &#8211; Portland, Oregon</a></h2>
			<h2 class="site-description"></h2>
		</hgroup>

		

		
		<nav id="site-navigation" class="main-navigation" role="navigation">
			<h3 class="menu-toggle">Menu</h3>
			<a class="assistive-text" href="#content" title="Skip to content">Skip to content</a>
			<div class="menu-blank-container"><ul id="menu-blank" class="nav-menu"><li id="menu-item-358" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-358"><a>503-252-9197</a></li>
<li id="menu-item-352" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-352"><a href="http://173.247.241.141/~tbcinfo/">Home</a></li>
<li id="menu-item-354" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-354"><a href="http://173.247.241.141/~tbcinfo/who-we-are/">Who We Are</a></li>
<li id="menu-item-353" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-353"><a href="http://173.247.241.141/~tbcinfo/our-services/">Our Services</a></li>
<li id="menu-item-355" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-355"><a href="http://173.247.241.141/~tbcinfo/tools-and-links/">Tools and Links</a></li>
<li id="menu-item-356" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-356"><a href="http://173.247.241.141/~tbcinfo/company-news/">Blog</a></li>
</ul></div>		</nav><!-- #site-navigation -->
		
	</header><!-- #masthead -->
	<div id="main" class="wrapper">
	
	<div id="primary" class="site-content">
		<div id="content" role="main">

							
	<article id="post-5" class="post-5 page type-page status-publish hentry">
		<header class="entry-header">
									<h1 class="entry-title">Do any of these describe you?</h1>
		</header>
		<div class="entry-content">
			<p><strong><img class="alignright" src="http://tbcinfo.com/images/tbc_ani.gif" alt="" width="230" height="160" />• I&#8217;m just getting started and have a lot of questions.<br />
• My business is growing and I need help.<br />
• I prefer to do most of the bookkeeping myself, but need a professional to review my entries and balance my accounts.<br />
• Bookkeeping, payroll &amp; taxes stress me out!</strong></p>
<div></div>
<p>If you answered yes to any of these questions, please take advantage of our <strong>FREE CONSULTATION</strong> offer today. <strong>Call us at 503-252-9197 to schedule your appointment! </strong></p>
<p>Here are a few reasons why The Bookkeeping Company would be a perfect fit for you and your business:</p>
<h2><strong>Our Commitment To Our Clients</strong></h2>
<p>We understand that bookkeeping and the paperwork involved in running a business can be stressful and distracting. Our job is to take on those tasks and free up the business owner to focus on what he or she does best &#8211; meeting customer needs and growing a successful business. Our commitment is to perform the tasks entrusted to us with professional skill, integrity and accuracy.<strong> </strong></p>
<h2><strong>Saving You Time &amp; Money</strong></h2>
<p>As business people, we know that time is money! The best use of your time and energy is growing your business, satisfying your customers and improving your products and services. Stay focused on what you do best and let The Bookkeeping Company take care of your bookkeeping, handle your payroll &amp; prepare your taxes. As a local, owner-operated company, we are able to offer affordable rates and personalized services. Our goal is to save our clients enough money to cover our fees.<strong> </strong></p>
<h2><strong>Accessible &amp; Affordable</strong></h2>
<p>The Bookkeeping Company is conveniently located on Portland’s eastside. We are easy to get to via  I-205 at the Foster exit, and have plenty of free parking. Check <a href="https://maps.google.com/maps?q=8931+SE+Foster+Road,+Suite+%23100+Portland,+OR+97266&amp;ie=UTF-8&amp;hq=&amp;hnear=0x5495a0212cd3aec9:0x4d35093f84b761c5,8931+SE+Foster+Rd+%23100,+Portland,+OR+97266&amp;gl=us&amp;ei=j0VQUu70FKOSiAK20IGoCA&amp;ved=0CC4Q8gEwAA" target="_blank">our map</a> for directions.</p>
<p>We are open <strong>5 days a week from 9 a.m. &#8211; 5 p.m. year-round</strong> (Evenings &amp; Saturdays by appointment).</p>
<h2>Members of:</h2>
<ul>
<li><a href="http://www.oatc-oregon.org/">Oregon Association of Tax Consultants</a></li>
<li><a href="http://www.aipb.org/">American Institute of Professional Bookkeepers</a></li>
<li><a href="http://www.nationalnotary.org/">National Notary Association</a></li>
<li><a href="http://www.ibiglobal.com/">CEO Space</a></li>
<li><a href="http://www.eastportlandchamberofcommerce.com/">East Portland Chamber of Commerce</a></li>
<li><a href="http://www.columbiabusiness.org/">Columbia Business Association</a></li>
<li><a href="http://www.americanpayroll.org/">American Payroll Association</a></li>
</ul>
					</div><!-- .entry-content -->
		<footer class="entry-meta">
					</footer><!-- .entry-meta -->
	</article><!-- #post -->
							
		</div><!-- #content -->
	</div><!-- #primary -->

			<div id="secondary" class="widget-area left-sidebar" role="complementary">
			<aside id="nav_menu-2" class="widget widget_nav_menu"><h3 class="widget-title">Menu</h3><div class="menu-menu-1-container"><ul id="menu-menu-1" class="menu"><li id="menu-item-327" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-327"><a href="http://173.247.241.141/~tbcinfo/">Home</a></li>
<li id="menu-item-329" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-329"><a href="http://173.247.241.141/~tbcinfo/who-we-are/">Who We Are</a></li>
<li id="menu-item-330" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-330"><a href="http://173.247.241.141/~tbcinfo/our-services/">Our Services</a></li>
<li id="menu-item-331" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-331"><a href="http://173.247.241.141/~tbcinfo/tools-and-links/">Tools and Links</a></li>
<li id="menu-item-332" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-332"><a href="http://173.247.241.141/~tbcinfo/company-news/">Blog</a></li>
</ul></div></aside><aside id="flexi-quote-rotator" class="widget QuoteRotator_displayWidget"><h3 class="widget-title"></h3><div id="quotearea" style='font-size:14px;'><div id="quoterotator">
Loading...
</div></div>
<script type="text/javascript">setTimeout("quoteRotator.quotesInit()", 2000)</script>
</aside><aside id="text-9" class="widget widget_text">			<div class="textwidget"><!-- Facebook Badge START -->
<div align="center">
<a title="The Bookkeeping Company, LLC" href="http://www.facebook.com/TheBookkeepingCompany" target="_TOP"><img style="border: 0px;" src="http://badge.facebook.com/badge/119788251390360.1138.190371160.png" alt="" width="150" height="242" /></a>
<!-- Facebook Badge END -->
</div></div>
		</aside>		</div><!-- #secondary -->
	
	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">

		
		<div class="site-info">
					</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<script type='text/javascript' src='http://173.247.241.141/~tbcinfo/wp-includes/js/comment-reply.min.js?ver=4.3'></script>
<script type='text/javascript' src='http://173.247.241.141/~tbcinfo/wp-content/themes/twentytwelve-2015gwpl/js/navigation.js?ver=1.0'></script>
</div>
</body>
</html>

Open in new window


also you have TWO different versions of JQUERY loaded, it it NOT advisable to ever have more than a SINGLE Jquery   javascript file version on any one page.
It is my opinion, that you may need to come at this header problem with another image and DIV element arrangement? ?

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
DzynitAuthor Commented:
I was able to get it worked out. The image is being redone now to match up. I was able to keep the responsiveness this way.

The extra jquery is probably a plugin. Someone else is working with that stuff right now. Being it's in dev stage, I won't be asked to clean that stuff up till he's done playing with things :)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.