• Hi Community ??

    I have a big problem, which i can’t solve ;(

    Everytime i add a new post to my page, the sidebar moves a bit down and my sidebar is now nearly at the bottom of the page.

    How can I make it at the top and so that it doesn’t change the position when I add a new post?

    Here is the code of the stylesheet, if you need more please tell me and i will add it:

    body {
    
        	height: 100%;
        	width: 960px;
    
    }
    
    a.more-link {
    
    		font-size: 15px;
    		color: white;
    		background-color: #FFB640;
    		border-radius: 3px;
    		text-decoration: none;
    		margin-left: 10px;
    
    }
    
    a.more-link:hover {
    
    		color: black;
    }
    
    a { 
    
    		color: black;
    
    }
    
    a:hover { 
    
    		color: #FFB640;
    
    }
    
    img {
    
    		max-width: 300px;
    		max-height: 300px;
    		margin-left: 250px;
    
    }
    
    li {
    
        	list-style-type: none;
    
    }
    
    h1 { 
    
    		margin-top: 2%;
    		text-align: center;
        	font-family: Helvetica;
        	font-size: 50px;
    
    }
    
    h2 { 
    
    		text-align: center;
    		font-family: Helvetica;
    		font-size: 30px;
    		font-weight: 100;
    
    }
    
    h3 { 
    
    		text-align: center;
    		font-family: Helvetica;
    		font-size: 36px;
    		font-weight: 100;
    
    }
    
    h4 { 
    
    		text-align:  center;
    		font-family: Helvetica;
    		font-size: 36px;
    		font-weight: 400;
    
    }
    
    p {
    
    		text-align: center;
    		font-family: Helvetica;
    		font-size: 20px;
    		font-weight: 200;
    
    }
    
    p.wp-caption-text {
    
    		display: none;
    
    }
    
    div#sidebar {
    
    		float: right;
    		width: 200px;
    		margin-top: -295px;
    		margin-right: 200px;
    		font-size: 20px; 
    
    }
    
    #menu { 
    
    		text-align: center;
    		font-family: Helvetica;
    		font-size: 28px;
    
    }
    
    #meta { 
    
    		text-align: center;
    		font-family: Helvetica;
    		font-size: 16px;
    
    }
    
    div#meta {
    
    		display: none;
    
    }
    
    #navwrap li { 
    
    		display: inline;
    		float: left;
    		margin: 10px;
    		margin-left: 60px;
    		padding: 10px;
    		font-size: 20px;
    		font-family: Helvetica;
    
    }
    
    div#navwrap {
    
    		text-align: center;
    		margin-top: 100px;
    		margin-left: 70px;
    
    }	
    
    ul#menu-menueleiste.dropdown {
    
    		margin-left: -250px;
    		height: 70px;
    		width: 1900px;
    		background-color: #FFB640;
    
    }
    
    #navwrap li a {
    
    		color: white;
    
    }
    
    #navwrap li a:hover {
    
    		color: black;
    
    }
    
    div#header {
    
    		font-size: 20px;
    		font-style: italic;
    		text-align: center;
    		margin-top: -200px;
    		margin-left: 150px;
    		height: 300px;
    		width: 1000px;
    
    }
    
    div.inner {
    
    		margin: 250px 20px;
    
    }
    
    a#title {
    
    		display: block;
    		font-size: 72px;
    		font-family: Georgia;
    		margin-top: -70px;
    		text-decoration: none;
    		font-style: normal;
    
    }		
    
    div.article {
    
    		max-width: 800px;
    		max-height: 800px;
    
    }
    
    div#content {
    
    		float: left;
    		max-width: 800px;
    		max-height: 800px;
    		margin-right: 30px;
    		margin-left: 100px;
    		margin-top: -100px;
    		margin-bottom: 50px;
    		position: absolute;
    }	
    
    div#article {
    
    		margin-bottom: 50px;
    		max-width: 800px;
    		border-bottom: 1px solid grey;
    		max-height: 800px;
    }	
    
    div.date { 
    
    		display: none;
    
    }
    
    label.screen-reader-text { 
    
    		display: none;
    
    }
    
    li#search-2 {
    
    		margin-right: -960px;
    
    }
    
    input#s {
    
    		width: 150px;
    		height: 15px;
    		border: 1px solid gray;
    		border-radius: 5px;
    
    }
    
    li#recent-posts-2 {
    
    		width: 400px;
    		height: 200px;
    		margin-left: 400px;
    		margin-right: 10px;
    		margin-top: 60px;
    
    }
    
    li#recent-posts-2 a {
    
    		border-bottom: 1px solid grey;
    		text-decoration: none;
    
    }
    
    li#recent-comments-2 {
    
    		width: 400px;
    		height: 200px;
    		margin-left: 400px;
    		margin-right: 10px;
    		margin-top: 60px;
    
    }
    
    li#archives-2 {
    
    		width: 400px;
    		height: 200px;
    		margin-left: 400px;
    		margin-right: 10px;
    		margin-top: 60px;
    
    }
    
    li#categories-2 {
    
    		width: 400px;
    		height: 200px;
    		margin-left: 400px;
    		margin-right: 10px;
    		margin-top: 60px;
    
    }
    
    li#wpp-3 {
    
    		width: 400px;
    		margin-left: 400px;
    		margin-right: 10px;
    		margin-top: 200px;
    
    } 
    
    li#wpp-3 a {
    
    		border-bottom: 1px solid grey;
    		text-decoration: none;
    }	
    
    span.wpp-views {
    
    		display: none;
    
    }
    
    strong.widget-title {
    
    	margin-left: 35px;
    
    }
    
    div.wp-pagenavi {
    
    	margin-left: -560px;
    	font-size: 20px;
    	color: #FFB640;
    
    }
    
    span.pages {
    
    	color: black;
    
    }

    I cant give you a link of my website because she isnt online and only local.

    Thank you very much ??

  • The topic ‘My own Template – Sidebar moves down after i made a new post’ is closed to new replies.