MyBB Community Forums

Hi, Im having a few problems with my header at http://www.discoverthailand.asia/forum/ I just cant seem to get it perfect. Its made up of 3 images (all 152px high) plus the header.png which is 1x152px

http://www.discoverthailand.asia/forum/i...header.png

But at the bottom of the header it looks uneven and there is a small gap between the bottom of the images

See image attached

Any suggestions to fix it up

Add this to your global.css:

#header {
	height: 152px;
}

Actually that messed up the User / Admin CP bar. For some reason im using div.logo

Quote:}

div.logo {
background: #023150 url(images/night/header.png) top left repeat-x;
}

---

Ah what about this?

}

div.logo {
	background: #023150 url(images/night/header.png) top left repeat-x; height: 152px;
}

ok so I tried the code above and still the same problem. What I don't understand is that the 3 images that make up the header and the spacer (header.png) are all 152px high but it still has the gaps between the 3 images. Any suggestions?

You need not to use;

div.logo

You can use this just:

.logo

Div breaks lines in some cases.

Thanks crazy4cs, I just tried that, it looks better but there are still 2 grey gaps at the bottom of the header.png Any more suggestions?