HTML/CSS Positioning a logo to always be at the top left, no matter the screen size

Question

Hi everybody,

My question is a little hard to explain! Basically, I'm designing a website in HTML/CSS, and I need the logo to always be at the top left. On a windows machine, you can resize the browser from any side if I resize from the left hand side, my logo gets cut off.

A good example of what I'm looking for is facebook, however you resize the screen the logo will stay locked in the top left corner.

Am I having a blonde moment here, or is there a specific way of doing it?

Cheers, Will

Answer 1

Does this CSS not do the trick?

position:absolute;
left:0;
top:0;

Answer 2

Why don't you look at the facebook's markup to see how they implemented it?

EDIT: Removed suggestion to ask on doctype.com.

Answer 3

position:fixed; top:0; left:0;