Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

css

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?

like image 864
WillDonohoe Avatar asked Aug 15 '10 19:08

WillDonohoe


People also ask

How do I move a logo to the left in CSS?

You can use two values top and left along with the position property to move an HTML element anywhere in the HTML document. Move Left - Use a negative value for left. Move Right - Use a positive value for left. Move Up - Use a negative value for top.


2 Answers

Does this CSS not do the trick?

position:absolute;
left:0;
top:0;
like image 169
hollsk Avatar answered Nov 15 '22 21:11

hollsk


position:fixed; top:0; left:0;
like image 22
Atul Dravid Avatar answered Nov 15 '22 19:11

Atul Dravid