PDA

View Full Version : Wierd empty space


thesavior
07-09-2006, 08:30 PM
On my site, here: http://powerwd.net/testsite/

there is a wierd space under the logostrip and the brdmenu, how can i get rid of that space so the brdmenu sits up flush against the bottom of the logo?

feras_wilson
07-09-2006, 09:12 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="./test.css"/>
<title>Untitled Document</title>
</head>
<style>
/* General background */
body {background-image: url('http://powerwd.net/testsite/img/bg.gif'); background-repeat: repeat-x; background-color: #B7BCC3; margin-top: 25px;}
/* Wrapper of the page, keeps the page under a certain width */
div.wrapper {width: 760px; margin: auto;}
/* Wraps the logo and nav strips */
div.headerwrapper {border: 1px solid #A1A1A1;}
/* The strip that contains the logo */
div.logostrip {width:100%; background-color: #000000;}
/* Main navbar */
#brdmenu {background: url('http://powerwd.net/testsite/img/linksbg.gif') repeat-x; height: 11px; text-align: center;}
.brdmenu LI, .brdmenu UL {display: inline; list-style: none;}
</style>
<body>
<div class="wrapper">
<div class="headerwrapper">
<div class="logostrip">
<img src="http://powerwd.net/testsite/img/logo.png" alt="" width="500" height="100" />

</div><br>
<div id="brdmenu" class="inbox" style="width: 758px; height: 152px">
<ul class="brdmenu">
<li class="brdmenulinks"><a href="./index.php">Index</a></li>
<li class="brdmenulinks"><a class="navbar" href="./userlist.php">
User List</a></li>
<li class="brdmenulinks"><a href="./online.php">Online List</a></li>
<li class="brdmenulinks"><a href="http://www.powerwd.com/forum/gallery.php">
Gallery</a></li>

<li class="brdmenulinks"><a href="calendar.php">Calendar</a></li>
<li class="brdmenulinks"><a href="./search.php">Search</a></li>
<li class="brdmenulinks"><a href="./misc.php?action=rules">
Rules</a></li>
</ul>
</div>
</div>
</div>

</body>
</html>

thesavior
07-10-2006, 04:06 AM
no, that makes it worse. There is now alot more space above, and now there is stuff below as well.