WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IMPOSSIBLE to get rid of space at top of page (4 posts)

  1. iceman2058
    Member
    Posted 4 years ago #

    Hi,

    quite new to all this...battling my way through lots of issues and learning...have come up short on this one:

    I have a small space at the top pf my page, which appears to be related to the body only. In other words, the frame does start from the very top of the page, and although the body appears to have the correct padding and margin attributes (i.e. 0), there is no way I can get the body background to actually start from the very top of the page. I have read through topics that deal with similar issues, and tried everything I could find in there, lots of different places to change margins and paddings (even including re-saving edited templates with Babelpad so as to avoid hidden characters and what not...)...still no luck. Could someone maybe have a look and give me some idea as to what might be causing this?

    http://www.vogue-9.com

    I'm using the Skyline theme, and the Great Real Estate plug-in.

    style.css:

    /*
    Theme Name: Skyline
    Theme URI: http://www.aplusthemes.com/free-wordpress-theme/skyline/
    Description: Skyline is cool web 2.0 style theme, two columns and valid xhtml. This theme have option to use either default blog title or image for logo. Compatible with wordpress 2.8, 2.7 and 2.5.
    Version: 1.0.1
    Author: A Plus Themes
    Author URI: http://www.aplusthemes.com/
    Tags: two-columns, threaded-comments, sticky-post, left-sidebar, fixed-width, green
    */
    
    /* Begin Typography & Colors */
    
    small {
    	font-family: Arial, Verdana, tahoma;
    	font-size: 0.9em;
    	line-height: 1.5em;
    	}
    
    h1, h2, h3 {
    	font-family: Arial, Verdana, tahoma;
    	font-weight:normal;
    	}
    
    h1 {
    	font-size:22px;
    	line-height:24px;
    	}
    
    h2 {
    	font-size: 20px;
    	line-height:22px;
    	}
    
    h2.pagetitle {
    	font-size: 20px;
    	line-height:22px;
    	}
    
    #sidebar h2, #sidebar2 h2{
    	font-family:Arial, Verdana, tahoma;
    	font-weight:bold;
    	}
    
    #sidebar ul li h2, #sidebar2 ul li h2 {
    	font-family:Arial, Verdana, tahoma;
    	font-size: 12px;
    	font-weight:bold;
    	padding-bottom: 5px;
    	height:30px;
    	color: #ffffff;
    	text-transform:uppercase;
    	padding-left:38px;
    	padding-top:5px;
    	background-image:url(images/bg_title_sidebar.gif);
    	background-repeat:no-repeat;
    	}
    
    h3 {
    	font-size: 18px;
    	line-height:20px;
    	}
    
    h1, h1 a, h1 a:hover, h1 a:visited{
    	text-decoration: none;
    	color:#ffffff;
    	}
    
    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    	color: #ffffff;
    	}
    
    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite {
    	text-decoration: none;
    	}
    
    .entry{
    	padding-top:4px;
    	padding-bottom:10px;
    	}
    
    .sticky {
    	background: #04627d;
    	padding: 10px 10px 10px 10px !important;
    	border:solid 1px #0a4254;
    	margin-bottom:10px !important;
    	}
    
    .sticky .postmetadata{
    	border-bottom:0px;}
    
    .sticky h2 {
    	padding-top: 10px;
    	}
    
    .commentlist li, #commentform input, #commentform textarea {
    	font-size: 0.9em ;
    	font-family:Arial, Verdana, tahoma;
    	}
    
    .commentlist li ul li {
    	font-size: 1em;
    	}
    
    .commentlist li {
    	font-weight: bold;
    	}
    
    .commentlist li .avatar {
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	background: #fff;
    	}
    
    .commentlist cite{
    	font-weight: bold;
    	font-style: normal;
    	font-size: 15px;
    	padding-left:5px;
    	}
    
    .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 15px;
    	}
    
    .commentlist cite a.url{
    	margin:0px;
    	}
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    	}
    
    #commentform p {
    	font-family: Arial, Verdana, tahoma;
    	}
    
    .commentmetadata {
    	font-weight: normal;
    	}
    
    code {
    	font: 1.1em  Arial, Verdana, tahoma;
    	}
    
    acronym, abbr, span.caps
    	{
    	font-size: 0.9em;
    	letter-spacing: .07em;
    	}
    
    #wp-calendar #prev a, #wp-calendar #next a {
    	font-size: 9pt;
    	}
    
    #wp-calendar a, #wp-calendar a:visited {
    	text-decoration: none;
    	text-decoration:underline;
    	}
    
    #wp-calendar caption {
    	font: bold 1.3em  Arial, Verdana, tahoma;
    	text-align:center;
    	}
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    	}
    /* End Typography & Colors */
    
    /* Begin Structure */
    
    .narrowcolumn {
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    
    	}
    
    .widecolumn {
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    .post {
    	margin: 0px 0px 0px 0px;
    	padding:10px 0px 15px 0px;
    	text-align: justify;
    	}
    
    .post hr {
    	display: block;
    	}
    
    .widecolumn .post {
    	margin: 0;
    	}
    
    .narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
    	padding-top: 5px;
    	}
    
    .widecolumn .postmetadata, .widecolumn .postmetadata1 {
    	margin: 0px 0;
    	}
    
    .widecolumn .smallattachment {
    	text-align: center;
    	float: left;
    	width: 128px;
    	margin: 5px 5px 5px 0px;
    	}
    
    .widecolumn .attachment {
    	text-align: center;
    	margin: 5px 0px;
    	}
    
    .postmetadata {
    	clear: left;
    	line-height:20px;
    	color:#fc5902;
    	background-repeat:no-repeat;
    	padding:10px 0px 10px 0px;
    	margin:0px 0px 0px 0px;
    	text-align:right;
    	border-bottom:solid 1px #063b4c;
    	}
    
    /* End Structure */
    
    /*	Begin Headers */
    h1 {
    	padding:0px;
    	margin: 0;
    	}
    
    h2 {
    	margin: 0px 0 0;
    	}
    
    h2.pagetitle {
    	padding-top: 10px;
    	text-align: center;
    	padding-bottom:15px;
    	}
    
    #sidebar h2 ,#sidebar2 h2{
    	margin: 0px 0 0;
    	padding: 0;
    	}
    
    h3 {
    	padding: 0;
    	margin: 0px 0 0;
    	}
    
    h3.comments {
    	padding: 0;
    	margin: 0px auto 20px ;
    
    	}
    /* End Headers */
    
    /* Begin Images */
    p img {
    	padding: 0;
    	max-width: 100%;
    
    	}
    
    /*	Using 'class="alignright"' on an image will (who would've
    	thought?!) align the image to the right. And using 'class="centered',
    	will of course center the image. This is much better than using
    	align="center", being much more futureproof (and valid) */
    
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	}
    
    .alignright {
    	float: right;
    	}
    
    .alignleft {
    	float: left
    	}
    
    .spacer{
    	line-height:0px;
    	margin:0px;
    	padding:0px;
    	}
    /* End Images */
    
    /* Begin Lists */
    
    html>body .entry ul {
    	margin-left: 0px;
    	padding: 0 0 0 30px;
    	list-style: none;
    	padding-left: 10px;
    	text-indent: -10px;
    	} 
    
    html>body .entry li {
    	margin: 0px 0 0px 10px;
    	}
    
    .entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before,  #sidebar ul ul li, #sidebar2 ul ul li {
    	background-position:0 4px;
    	padding:0px 0px 0px 0px;
    	margin:0px;
    	}
    
    div.entry ul{
    	margin:0px;
    	padding:0px 0px 0px 20px;
    	}
    
    div.entry ul li{
    	background-repeat:no-repeat;
    	background-position:0 6px;
    	padding:0px 0px 0px 25px;
    	margin:0px;
    	list-style-type:disc;
    	list-style-position:inside;
    	}
    
    .entry ol {
    	padding: 0 0 0 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    .postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {
    	display: inline;
    	list-style-type: none;
    	list-style-image: none;
    	}
    
    #sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul li, #sidebar2 ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 30px;
    	}
    
    #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
    	margin: 5px 0 8px;
    	}
    #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
    	margin: 5px 4px 0 0px;
    	}
    
    #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
    	margin: 5px 0 0 0px;
    	}
    
    ol li, #sidebar ul ol li, #sidebar2 ul ol li{
    	list-style: decimal outside;
    	}
    
    #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
    	margin: 0px 0 0;
    	padding: 0px 0px 0px 0px;
    	}
    
    #sidebar ul li a:link, #sidebar ul li a:visited{
    	color:#fff !important;
    	}
    
    #sidebar ul li  {
    	list-style-type: none;
    	list-style-image: none;
    	}
    
    #sidebar ul li li{
    	padding:2px 5px 4px 15px;
    	border-bottom:solid 1px #0f4254;
    	}
    
    #sidebar ul li li li{
    	border-bottom:none;
    	background-image:none;
    	}
    
    #sidebar ul ul ul li a, #sidebar ul ul ul li a:visited{
    	border-bottom:0px;
    	padding:2px 0px 2px 10px!important;
    	text-decoration:none;
    	background-image:url(images/arrow.gif);
    	background-position:0 5px;
    	background-repeat:no-repeat;
    }
    
    .textwidget{
    	padding-left:10px;
    	text-align:left;
    	padding-right:10px;
    	padding-top:5px;
    	}
    
    .widget_tag_cloud div{padding:5px 10px;}	
    
    /* End Entry Lists */
    
    /* Begin Form Elements */
    #searchform {
    	margin: 0px auto;
    	padding: 0px 0px 0px 0px;
    	text-align: center;
    	}
    
    #sidebar #searchform #s, #sidebar2 #searchform #s  {
    	width: 108px;
    	padding: 2px;
    	}
    
    #searchsubmit, #sidebar #searchsubmit, #sidebar2 #searchsubmit  {
    	padding: 4px 0px 4px 0px;
    	font-size:10px;
    	width:46px;
    	border:0px;
    	background-color:#f55602;
    	color:#fff !important;
    	}
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    	text-align:center;
    	}
    
    #commentform{
    	}
    
    #commentform input {
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    #commentform {
    	margin: 5px 0px 0 0px;
    	}
    
    #commentnavi{
    	margin:0px 0px 0px 15px;
    	}	
    
    #respond h3{
    	margin:10px 0px 0px 0px;
    	font-size:20px;
    	}		
    
    #commentform textarea {
    	width: 90%;
    	padding: 2px;
    	}
    
    #commentform #submit {
    	margin: 0px;
    	width:170px;
    	}
    
    /* End Form Elements */
    
    .even, .alt {
    	border-left: 1px solid #ffffff;
    	}
    
    .thread-alt {
    	background-color: transparent;
    	}
    
    .thread-even {
    	background-color: transparent;
    	}
    
    .depth-1 {
    	border: 1px solid #ffffff;
    	}
    
    /* Begin Comments*/
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    ol.commentlist{
    	padding:0px;
    	margin:0px 0px 0px 0px;
    	}
    
    .commentlist li {
    	margin: 15px 0 10px;
    	padding: 5px 10px 10px 10px;
    	list-style: none;
    	}
    
    .commentlist li ul{
    	padding:0px;
    	margin:0px;
    	}
    
    .commentlist li ul li {
    	margin-right: -5px;
    	margin-left: 15px;
    	}
    
    .commentlist p {
    	margin: 10px 5px 10px 5px;
    	}
    .children { padding: 0; }
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 0;
    	display: block;
    	}
    /* End Comments */
    
    /* Begin Sidebar */
    #sidebar
    	{
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    #sidebar2
    	{
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    #sidebar form, #sidebar2 form {
    	margin: 0;
    	}
    /* End Sidebar */
    
    /* Begin Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 100%;
    
    	}
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    	}
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    	}
    
    #wp-calendar a {
    	display: block;
    	}
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    	}
    
    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    	background-color: transparent; }
    /* End Calendar */
    
    /* Captions */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	}
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    	}
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    	}
    /* End captions */
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    	cursor: help;
    	}
    
    acronym, abbr {
    	border-bottom: 1px dashed #999;
    	}
    
    blockquote {
    	margin: 15px 30px 10px 10px;
    	padding:0px 20px;
    	border: 1px dashed #ffffff;
    	}
    
    blockquote cite {
    	margin: 5px 0 0;
    	display: block;
    	}
    
    .center {
    	text-align: center;
    	}
    
    hr {
    	display: none;
    	}
    
    a img {
    	border: none;
    	}
    
    .navigation {
    	display: block;
    	text-align: center;
    	margin-top: 0px;
    	padding-bottom: 20px;
    	}
    .navigation2 {
    	display: block;
    	text-align: center;
    	margin-top: 0px;
    	padding-bottom: 20px;
    	}
    /* End Various Tags & Classes*/
    
    /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    	It won't be a stylish marriage, I can't afford a carriage.
    	But you'll look sweet upon the seat of a bicycle built for two." */
    
    .postmetadata a{
    	text-decoration: none;
    	}
    
    .postmetadata a:hover{
    	text-decoration: underline;
    	}
    
    .narrowcolumn h2, .narrowcolumn h3 {
    	color:#ffffff;
    	margin-top:0px;
    	}
    
    label small{
    	color:#ffffff;
    	  }
    
    #comments, #respond{
    	color:#ffffff;
    	padding:0px 0px 8px 5px;
    	 }
    
    h3#respond{
    	font-size:25px;
    	font-weight:lighter;
    	}
    
    span.author{color:#fc5902 !important;}
    .search_result .post{padding:0px;}
    div.search_result  h2 a{font-size:18px !important;text-transform:capitalize;}
    div.title h2, div.title h2 a, div.title h2 a:visited{
    	color:#fff;
    	font-family:Arial, Verdana, tahoma;
    	font-size:18px;
    	font-weight:lighter;
    	text-transform:uppercase;
    	padding:0px 10px 5px 0px;
    	}
    
    div.title h2 a:hover{
    	color: #fc5902;
    	}
    
    /*=========================FRAME HTML=========================*/
    body{
    	font-family:Arial, Verdana, tahoma;
    	font-size:12px;
    	color:#ffffff;
    	margin:0px;
    	padding:0px;
    	background-image:url(images/bg_body.gif);
    	background-repeat:repeat-x;
    	background-color:#005067;
    	line-height:20px;
    	}
    
    form{padding:0px;margin:0px;}
    a, a:visited{color:#fc5902;text-decoration:none;}
    a:hover{color:#fc5902;text-decoration:underline;}
    
    #container{width:100%;padding:0px;}
    #frame{width:900px; margin:0px auto;padding:0px;}
    
    /*=========================================TOP=========================================*/
    #top{width:900px;height:105px;padding-top:0px;}
    #logo{
    	padding:15px 0px 0px 20px;
    	}
    
    #logo h1{font-size:50px; line-height:52px;}
    /*#logo a{display:block;width:270px;height:105px;}*/	
    
    /*=========================================TOP MENU=========================================*/
    #top_menu{background-image:url(images/bg_topmenu.gif);background-repeat:no-repeat;height:52px;}
    #top_menu ul{margin:4px 0px 0px 0px;padding:0px;list-style-type:none;}
    #top_menu ul li{
    	margin:0px 0px 0px 0px;
    	padding:0px 30px 0px 30px;
    	list-style-type:none;
    	display:block;
    	float:left;
    	text-transform:uppercase;
    	color:#ffffff;
    	font-weight:bold;
    	}
    #top_menu ul li.end{border-right:none;}
    #top_menu ul li a, #top_menu ul li a:visited{color:#ffffff;text-decoration:none;}
    #top_menu ul li a:hover{color:#cccccc;text-decoration:none;}
    
    #dropmenu, #dropmenu ul {
    	margin:0;
    	padding:0;
    	list-style-type:none;
    	position:relative;
    	line-height:1.5em;
    	z-index:500!important;
    	font-weight:normal;
    	float:left;
    	}
    
    #dropmenu a {
    	display:block;
    	padding:13px 10px 18px 10px;
    	color:#fff;
    	text-decoration:none;
    	font-family:Arial, Verdana, tahoma;
    	font-size:12px !important;
    	border:0px ;
    	text-transform:uppercase;
    }
    #dropmenu a:hover {color:#fff;}
    #dropmenu li {float:left; position:relative; background-position:0px 12px;  background-image:url(images/line_ver.gif); background-repeat:no-repeat; }
    #dropmenu li.noborder {float:left; position:relative; border-left:none; background-image:none !important;}
    #dropmenu ul {position:absolute; display:none; top:48px; left:0px; cursor:pointer;}
    #dropmenu ul a { z-index:500; }
    #dropmenu li ul {list-style: none;float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;}
    #dropmenu li li{border:0px; border-width:1px; float: left; padding:0px 0px 0px 0px !important;  display:block;   z-index:500;}
    #dropmenu li ul a, #dropmenu li ul a:visited {color:#fff; border:solid 1px #063b4c; border-width:0px 0px 1px 0px; width:120px; font-size:12px; text-transform:capitalize; padding:7px 0px 7px 13px; background-color:#114050; line-height:18px !important;  }
    #dropmenu li ul a:hover{color:#fc5902; background-color:#1b576b }
    #dropmenu ul ul {top:0em;}
    #dropmenu ul ul li ul li{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; display:block; float:left;}
    #dropmenu li ul ul {left:11em; margin:0px 0 0 0px;}
    #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
    #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
    
    /*=========================================HEADER=========================================*/
    #header{width:900px;height:238px;padding-top:0px;}
    #top_search{background-image:url(images/bg_repeatgrey.gif);background-repeat:repeat-x;height:43px;width:900px;text-align:right;}
    #top_search .inputbox{vertical-align:top;width:150px;margin-right:5px;}
    #icon_search{background-image:url(images/icon_search.gif);background-repeat:no-repeat;background-position:left top;padding-left:30px;}
    #box_search{padding:10px 10px 0px 0px;float:right;}
    .button{vertical-align:middle;}
    .inputbox{border:solid 1px #b5b5b5;}
    
    /*=========================================CONTENT=========================================*/
    #main{float:left;width:900px;padding-bottom:0px;padding-top:0px;background-color:#005067;}
    #main_left{width:269px;float:left;padding-top:0px;}
    #block_sidebar{padding:10px;}
    #main_right{width:625px;float:left;padding-top:0px;}
    #main_content{padding:0px 10px 0px 10px;}
    
    /*=========================================FOOTER=========================================*/
    #footer{
    	width:900px;
    	float:left;
    	text-align:center;
    	background-repeat:no-repeat;
    	background-image:url(images/bg_footer.gif);
    	padding:10px 0px 0px 0px;
    	height:54px;
    	}
    #footer a, #footer a:visited{color:#ffffff;text-decoration:none;}
    #footer a:hover{text-decoration:underline;}

    thanks in advance!

  2. alchymyth
    Forum Moderator
    Posted 4 years ago #

    please don't post a loo-roll full of code here, use a pastebin if you must.

    the 'gap' is part of the bg_body.gif .

    you can either edit the image,
    or add a background-position to the body style:
    in style.css (near the end):

    /*=========================FRAME HTML=========================*/
    body{
    	font-family:Arial, Verdana, tahoma;
    	font-size:12px;
    	color:#ffffff;
    	margin:0px;
    	padding:0px;
    	background-image:url(images/bg_body.gif);
    	background-repeat:repeat-x;
    	background-color:#005067;
    	line-height:20px;
    background-position: center -10px;
    	}
  3. iceman2058
    Member
    Posted 4 years ago #

    Thanks, and sorry for the loo-roll... :-)

    I did actually arrive at the conclusion that it was the image itself at one point, but when I checked it (at work on a badly adjusted monitor), I did not pick up on the subtle grading near the top in the gif...so I dismissed that idea, and thought that there was something funky with the code (given that I essentially stumble around in the dark with most these issues at present, it seemed entirely possible at the time...).

    I've edited out a few pixels from the top of the gif, I'm all good now. Onto the next problem then... :-)

    thanks again.

  4. alchymyth
    Forum Moderator
    Posted 4 years ago #

    to lighten the dark, learn to use firefox with the developer addon or firebug.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.