asked on

Fluid with logo over another image

I'll be placing an image where the header currently is here and wanted the logo to still be positioned absolutely over it where it is now to the left, but to reduce with height:auto at fluid widths.

How would be the best way to do it? Do I need to give the image container a % width? The middle banner is fluid, but for some reason I can't get the logo to reduce fluidly..

If someone could maybe check in an inspector? Any help appreciated.

COBOLdinosaur

You might want to start by validating the code and correcting the errors. Several of the errors are serious including a duplicate id declaration and an unclosed tag.

Cd&

UName10

ASKER

Sorry for the late reply and thanks for the comment.

Could you point me to them?

COBOLdinosaur

Go to http://validator.w3.org/ to validate the HTML, then run the CSS through the validator at http://jigsaw.w3.org/css-validator/

Once the error are corrected, the problems will become manageable, or may be gone. With correct code we will be able to apply whatever properties we need to correct anything that is still wrong.

Cd&

UName10

ASKER

Hi there,

Sorry for the delay; managed to fix it and yeah there were quite a few - I save the test template instead which was messy code, thanks for pointing it out.

I've actually changed it now so it's redundant, but thank you for taking the time to have a look, much appreciated.

ASKER CERTIFIED SOLUTION

UName10

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

UName10

ASKER

It works.