CODEWITHSUNDEEP
htmlcss
GeekedOut
GeekedOut

Reputation: 17185

Strange white 1-px line across site header appearing

I took out all the things that I thought could be causing this white line to appear, but it still appears. The problem is here: http://www.problemio.com/

and the white line I am talking about is at the bottom of the dark bar on top of the page. Any idea how I can just make it all black without any space between that bar and the body of the page?

Thanks!!

Upvotes: 0

Views: 653

Answers (2)

Steve Adams
Steve Adams

Reputation: 2837

It's part of the image: http://www.problemio.com/img/ui/brownbannerbar.png

http://www.problemio.com/img/ui/brownbannerbar.png

edit: Sorry, that might not make it obvious. There's a 1px transparent line across the bottom with 2 single grey pixels about 30px from both edges.

See here: A magnified example of the left edge.

https://i.sstatic.net/AAbtc.png

Upvotes: 4

okcoker
okcoker

Reputation: 1349

The image has a line of transparent pixels under the dark part of the bar so whatever color your page under is, will be the color that shows through.

Add this to the .nav_bar block around line 114 in your main.css file

.nav_bar {
background-color: #313131;
}

Upvotes: 1

Related Questions