HTML and CSS

White space despite 100% width

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Apr 2008

Posts: 41

Reputation: Borderline is an unknown quantity at this point

Solved Threads: 1

Borderline Borderline is offline

Offline

Light Poster

White space despite 100% width

Aug 20th, 2008

http://www.further-flight.co.uk/20080820index.php

How would I rid this design of the white space at the top and sides of the page? My code is set out as below:

HTML

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Further Flight</title>
<link rel="stylesheet" type="text/css" href="http://www.further-flight.co.uk/style/20080820.css"/>
</head>
 
<body>
 
<div id="secondary"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_secondary.php');?></div>
<div id="logo"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_logo.php');?></div>
<div id="navigation"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_main.php');?></div>
 
</html></head></body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Further Flight</title>
<link rel="stylesheet" type="text/css" href="http://www.further-flight.co.uk/style/20080820.css"/>
</head>

<body>

<div id="secondary"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_secondary.php');?></div>
<div id="logo"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_logo.php');?></div>
<div id="navigation"><?php include($_SERVER['DOCUMENT_ROOT'].'/style/20080820_main.php');?></div>

</html></head></body>

CSS

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

#secondary{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 15px;
	font-family: arial, verdana, sans-serif;
	font-size: 70%;
	background-color: #494949;
	padding: 5px 0px 5px 0px;
}
 
#logo{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 80px;
	font-family: arial, verdana, sans-serif;
	font-size: 80%;
	background-color: #000000;
}
 
/*------  MAIN NAVIGATION  ------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/images/blockdefault.gif) center center repeat-x;
}
 
.solidblockmenu li{
display: inline;
}
 
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
 
.solidblockmenu li a:visited{
color: white;
}
 
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/images/blockactive.gif) center center repeat-x;
}

Any assistance would be greatly appreciated.

•

Join Date: Jul 2004

Posts: 95

Reputation: omol is an unknown quantity at this point

Solved Threads: 4

omol

Offline

Junior Poster in Training

Re: White space despite 100% width

Aug 21st, 2008

Ok first the logo, include this.

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

#logo {
	position: relative;
	top: -11px;
	left: -9px;
}

The rest is the same problem, you should be able to see whats happening now? If not post back and i will explain.

Last edited by omol; Aug 21st, 2008 at 1:18 pm. Reason: Fudged up code tags

asm
{ "\x04f\x06d\x06f\x06c" }

Quick Reply to Thread

Show Printable Version

Similar Threads

White space (HTML and CSS)
Keep iFrame positioned inside centered <div>? (HTML and CSS)
Open In New Window Php (PHP)
iframe content locking? (HTML and CSS)
javascript works in IE but not working in firefox (JavaScript / DHTML / AJAX)
vBulletin mod_rewrite for vB 3.0.7 (Existing Scripts)
I lack focus... (Java)

Other Threads in the HTML and CSS Forum

Previous Thread: swf file embedded into html code
Next Thread: Drop down menu and php

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes