MyBB Community Forums

Im trying to float this logo over my header image, i can get it were i want it but when i change screen resolutions or zoom out it will do this?





CSS:

.logo {
	position: absolute;
	left: 155px;
	top: 54px;

HTML:

<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img style="border:0px solid #224e7b;
border-top:0;" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<img src="images/liteblu/header.gif" alt="Themestuff" border="0" /><br>

Sorry no live preview working on localhost

---

still need help

Ever considered making your "<img src="images/liteblu/header.gif" alt="Themestuff" border="0" />" into a link? It looks to me as though it's a fixed image anyways, so you're just making things more difficult for yourself.

Basically, you're using an absolute location where you should be using a relative location in relation to your background image.

I Want the logo to be clickable, And the header just there fixed. like it is now.

You can't use an absolute location, because your container is centered. You have to change your layout and CSS to a relative location.