Hi Folks,

I hope someone will take pity on me and take a look as I've killed many hours trying to make this work :( Anyway, I have included two links to screenshots. The correct one is in Firefox and it shows my content in the footer as it should be. The wrong one is in IE6 (I know!) but I can't get three blocks to show inline in the footer. As you'll see it pushes my "Addresses" to the next line. I have tried tweeking the CSS until I'm blue but am missing something.

Here's the links:
www.cypressbeauty.com/temp/csscorrect.jpg
www.cypressbeauty.com/temp/csswrong.jpg

I have each section in it's own block (theme is called Litejazz)

Here is the CSS

Left most block

#block-block-5		{
	float: left;
	right: 0px;
	width: 30px;
	height: 20px;	
}

div#tagline {
    float: left;
	font-family: Helvetica, sans-serif;
	font-size:10px;
	color: #669900;
	width: 340px;
	height: 10px;
}

Middle Block


#block-block-10		{
	position: relative;
	right: 50px;
	width: 30px;
	height: 10px;
}
#twitter	{
	position: relative;
	right: 20px;
	width: 20px;
	height: 20px;
}

Right side block

#block-block-11		{
	width: 100px;
	height: 10px;
}
#addresses	{
	text-align: right;
	font-family: Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	width: 330px;
}

Could someone please take a look and tell me what I might change to get the right side block content on the same line as the first two? Many thanks for your time!

Jim

Comments

nevets’s picture

If all blocks are in the same region I would float each one (#block-block-5, #block-block-10, #block-block-11) left.

jburnard’s picture

Hi Nevets, long time no talk! Thanks for that info. They are actually all different regions as designed by the template but I could try putting them all in the same one I guess. I'll give it a shot. Many thanks for the direction.

Jim