Vertical align floated divs (tables don't work) on fluid width header.

The page here shows the title and share icons floated left and right, but I need them vertically aligned so that when the text is on two lines, the share icons are vertically aligned and not too high up.

The problem is the fluid width, where I can't specify the heights for the tables if I try that instead.

Does anyone know how/if this can be achieved? Thanks.
UName10Asked:
Who is Participating?
 
COBOLdinosaurCommented:
On the element id="share" try adding margin-top:25%

The unclosed div appears to be footer-wrapper.

Cd&
0
 
COBOLdinosaurCommented:
The validator shows 16 errors.  Some of them are structural (invalid tagging) and need to be corrected before you try to fine tune your layout.

Cd&
0
 
UName10Author Commented:
Hi there,

Thanks for the reply.

Yeah most of them are empty alt tags which I can fix, but the banner is paid for and came from the client. It has no bearing on this though.

Whats I am concerned about however, is the validator is picking up an unclosed body tag:

Line 366, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

It's closed, so I;m not sure what that could be? Any ideas would be great, as well as the floats of course.

Many thanks again.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.