Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Michael Rawlinson
Michael Rawlinson
1,507 Points

I keep getting a white bar above the Header?

Why does this white bar apear?: https://gyazo.com/87f6886b6e005fc8132c67ee78c1557a reply to this with the code you would like me to provide if you need to see it.

2 Answers

There are two possible reasons why this would happen. If you have not normalized or reset.css your page then you should apply the following

body {
  margin: 0;
}

If that is not the case then it is possible your header is not containing the h1's margin property and can be fixed with the following

/*HEADER CLASS HERE*/ {
  overflow: hidden;
}

I hope this helps. It would be a bit more helping if you would supply your code.

Michael Rawlinson
Michael Rawlinson
1,507 Points

I don't know how, but it is now working fine. I might not have refreshed it after I put the code in. Thankyou

Glad I could help =)

Michael Rawlinson
Michael Rawlinson
1,507 Points

I tried bot but they did not work, Ill try and put my html / css files in this reply / the questions. Thankyou. How do I add my code?

How to post code

You would place the css in your css file.