• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 315
  • Last Modified:

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.
  • 2
1 Solution
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.

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

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.
On the element id="share" try adding margin-top:25%

The unclosed div appears to be footer-wrapper.

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.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now