tags:

views:

123

answers:

2
Q: 

What is causing whitespace on the top & bottom?

After I added a new div class for my background image, the top, bottom, and page menus became white. style.css

#boundless{
  background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  line-height:20px;
  font-size:14px;
  font-family:"Trebuchet MS"; 
  margin:0
}

index.php

<body>
    <div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'&gt;
+5  A: 

Using Firebug, I found the problem be caused by line 16 in style.css:

margin:165px auto 20px;

How to debug such problems:

  1. Think of possible causes, repeat this step after each of the following.
  2. Open Firebug by opening a contextmenu on the problematic part (in this case, the blank bottom), and select Inspect Element
  3. Look Hover over the nodes to see which covers the place in which the problem occurs. I've now got the feeling that a possible cause would be incorrect usage of margin, padding or width.
  4. Isolate the CSS / element by looking in the right pane, tab Style. If needed, expand a node.
  5. Disable or change the value of the CSS property to see if it's actually causing the problem.
Lekensteyn  2010-09-23 13:46:18
Although I have no idea if this answers the question, I'm just tempted to vote you up because your answer is so nice and clear and gives peace to my heart. Also, +1 for using Firebug on some unidentifiable problem...
Martin  2010-09-23 13:51:59
A: 

In your style.css, you have a number of #xxxxx with 

background-color:white; and background-color:#fff;

example: #wrapper2 has that.

SO it is doing what you told it to do.

Mark Schultheiss  2010-09-23 13:51:22

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?