Gap(margin) on the top.

  • Avon

    (@avon)


    18 years, 1 month ago

    There is a gap i cant remove on the top of the browser, both in Firefox 3 b5 and IE 6.
    Margin and padding set zero in css file.
    THX in advance.

    URL:http://www.thoughtlets.cn
    Version:WP v2.50

    CSS main:

    /* Basics */
*{margin:0;padding:0;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th{font-size:1em;font-weight:normal;font-style: normal;}
body{background:#86a9bf;font:12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;color:#464c5a;text-align:center;}
hr{display:none;}
ul, ol{list-style:none;}
fieldset,img{border:none;}
a, h2 a:hover, h3 a:hover{color:#06c;text-decoration:none;}
a:hover{color:#147;text-decoration:underline;}

/* Wrapper */
#wrapper{width:822px;margin:0px auto 0px;}

/* Header */
#header{height:95px; background:url(images/nav.jpg) repeat-x;}
#header h1{display:none;}
#header h2{display:none;}
#header .logos{float:left;display:block;background:url(images/logo.jpg) no-repeat;margin:22px 0 0 12px;width:280px;height:52px;}

/* Search */
#header .search{float:right;padding-top:39px;}
#header .search div{margin:0;padding:0;}
#header .search .search_input{background:#fff url(images/search.gif) no-repeat 0 0;border:none;padding:4px 12px 0 30px;width:200px;height:18px;font-size:12px;}
#header .search .search_submit{display:none;}

    Body:

    <body>
<div id="wrapper">
<div id="header">
	<a class="logos" href="<?php bloginfo('url');?>"></a>
	<h1><a href="<?php bloginfo('url');?>">
		<?php bloginfo('name');?>
		</a></h1>
	<h2>
		<?php bloginfo('description');?>
	</h2>
	<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<div id="content">..</div>
<div id="sitebar">..</div>
<div id="footer">..</div>
</div>

Viewing 2 replies - 1 through 2 (of 2 total)
  • whooami

    (@whooami)

    18 years, 1 month ago

    your header graphic is 92px high

    the height in your css is 95px.

    Thread Starter Avon

    (@avon)

    18 years, 1 month ago

    First thank you, whooami.
    But changing 95px to 92px does not help, instead the header graphic and the main body overlaped. You may want to visit my site again to see the effect.

    Here is a weird thing that may be a clue. When I saved the page(using “save as” in the menu) to local disk, the code went completely cracy(mind those <link>’s and blank lines after <body>):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>思想片段</title>
<meta name="generator" content="WordPress 2.5">
<meta name="description" content="我思故我在">
<meta name="generator" content="WordPress 2.5">
</head><body>

<link rel="Shortcut Icon" href="http://www.thoughtlets.cn/wp-content/themes/Stillness/images/favicon.ico" type="image/x-icon">
<link rel="alternate" type="application/rss+xml" title="思想片段 RSS Feed" href="http://www.thoughtlets.cn/feed/">
<link rel="pingback" href="http://www.thoughtlets.cn/xmlrpc.php">
<link rel="stylesheet" href="%E6%80%9D%E6%83%B3%E7%89%87%E6%AE%B5_files/style.css" type="text/css" media="screen">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.thoughtlets.cn/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.thoughtlets.cn/wp-includes/wlwmanifest.xml"> 

<!-- Start Of Script Generated By WP-PageNavi 2.20 -->
<link rel="stylesheet" href="%E6%80%9D%E6%83%B3%E7%89%87%E6%AE%B5_files/pagenavi-css.css" type="text/css" media="screen">
<!-- End Of Script Generated By WP-PageNavi 2.20 -->
<link rel="stylesheet" type="text/css" href="%E6%80%9D%E6%83%B3%E7%89%87%E6%AE%B5_files/sem-subscribe-me.css">
<script type="text/javascript" src="%E6%80%9D%E6%83%B3%E7%89%87%E6%AE%B5_files/sem-subscribe-me.js"></script>

<div id="wrapper">
<div id="header">

    Pages saved by IE6 and Firefox 3 b5 are the same. Could it be plug-ins causing this problem?
    THX again.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Gap(margin) on the top.’ is closed to new replies.