MyBB Community Forums

How can i make the logo resize itself to fit depending peoples browser size.

This is what i currently have:

<a name="top" id="top"></a>
	<div id="container">
		<div id="header">
			<table width="100%" class="logo" cellpadding="0" cellspacing="0">
		<tr>
		<td style="padding:0px">
			<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a>
			</td>

Thanks

Any Ideas?

Javascript with browser detection that can display seperate logos.

What's the logo you have? Normally you don't "resize" logos...


http://www.tussaudtimes.co.uk/portal.php

Is that the site with the problem? If so there is an easy fix.

1. Make the text the actual logo.
2. Make the background the background in the css for the div.

That's it.