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

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.
0
UName10
Asked:
UName10
  • 4
  • 2
1 Solution
 
COBOLdinosaurCommented:
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&
0
 
UName10Author Commented:
Sorry for the late reply and thanks for the comment.

Could you point me to them?
0
 
COBOLdinosaurCommented:
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&
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
UName10Author Commented:
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.
0
 
UName10Author Commented:
Oh but the way to do it just make the logo width a percentage based on the parent div as normal, and set the height to auto again.  I hasn't set the width which is why it didn't work.
0
 
UName10Author Commented:
It works.
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

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