WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] body moves on pages where scrolling is possible (3 posts)

  1. curtisblackwell
    Member
    Posted 5 years ago #

    on any page that scrolling is possible, the whole pages moves over a bit and the header gets off. i think this is only happening in firefox. webkit browsers look fine.

    correct
    wrong
    wrong again

    CSS

    body {
    	background: url(/images/bg.png) top center repeat-y #898989;
    	color: #000000;
    	font-family: Arial, sans-serif;
    	font-size: 16px;
    	}
    
    /*
    	STRUCTURE
    */
    
    #page-wrap {
    	height: auto !important;
    	height: 100%;
    	margin: 0pt auto -37px;
    	min-height: 100%;
    	width: 980px;
    	}
    
    #push { height: 37px; }

    HTML

    <body>
    
    		<div id="page-wrap">
    
    				<a href="http://stpaulsfmc.com/"><img id="header" alt="Saint Paul's Free Methodist Church" src="/images/header.png" width="980" height="84" /></a>
    				<img id="navbar" alt="navigation bar" src="/images/navbar.png" width="980" height="51" usemap="#nav" />
    					<map id="nav" name="nav">
    						<area alt="about us" coords="367, 8, 452, 28" href="/about-us/" shape="rect" />
    						<area alt="events" coords="475, 8, 540, 28" href="/events/" shape="rect" />
    						<area alt="ministries" coords="563, 8, 650, 28" href="/ministries/" shape="rect" />
    						<area alt="resources" coords="673, 8 , 765, 28" href="/resources/" shape="rect" />
    					</map>
  2. curtisblackwell
    Member
    Posted 5 years ago #

    i've discovered that if i take out <?php the_content() ?>, the body and header are in the right place

  3. curtisblackwell
    Member
    Posted 5 years ago #

    i put the background url in the page-wrap and that fixed it.

Topic Closed

This topic has been closed to new replies.

About this Topic