I have some buttons which I want set out as 2 columns (see HERE (<!-- m --><a class="postlink" href="http://www.doodlebus.com/gwc/subpage.asp?getfile=contact&title=Contact%20Us">http://www.doodlebus.com/gwc/subpage.as ... ntact%20Us</a><!-- m -->). It looks fine on IE but the spacing is all wrong on FireFox. The CSS is valid (as is the html, I think). <br />
<br />
Does anyone know of either a cross-browser fix for this or a sensible way of doing this without using tables at all.<br />
<br />
Thanks<!--content-->I'd start by just floating them all in a contained space and letting them sort it out for themselves. I.e. you could make them all float:left; list items in a fixed width list or contained in a fixed width div.<!--content-->That's a good idea. In fact I realised that half the image buttons were 120px wide, the other half 150px wide which does help matters
. Still, would be nice to avoid tables.<br />
<br />
Thanks<!--content-->
<br />
Does anyone know of either a cross-browser fix for this or a sensible way of doing this without using tables at all.<br />
<br />
Thanks<!--content-->I'd start by just floating them all in a contained space and letting them sort it out for themselves. I.e. you could make them all float:left; list items in a fixed width list or contained in a fixed width div.<!--content-->That's a good idea. In fact I realised that half the image buttons were 120px wide, the other half 150px wide which does help matters
. Still, would be nice to avoid tables.<br /><br />
Thanks<!--content-->