Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Image flow out of div

Tags:

html

css

I'm trying to achieve an image flowing out of a div. Basically, in my heading I have a fixed width of 960px, the logo image has something coming off of it, which I would like to sit outside that 960px.

Is there a nice clean method of achieving this?

like image 499
user319940 Avatar asked Dec 01 '11 09:12

user319940


1 Answers

The simple method of doing it (that works in most browsers), is that you make your main wrapper have position:relative, and the make the div (that you want to flow outside) have position: absolute; left: -25px; top: -25px;.

Having position:relative as the wrapper makes the position:absolute relative inside the parent container.

like image 140
Jan Dragsbaek Avatar answered Sep 23 '22 18:09

Jan Dragsbaek