CSS How to Make Image Display outside of div

css html cut
user2541522 picture user2541522 · Aug 27, 2013 · Viewed 21k times · Source

I have an image that i would like to extend beyond the div and display outside of the border that is displayed.

Every time i try and move it, the top of the image just gets cut off. (See the ebook image at the top of the 2nd column...)

Any help is much appreciated. Thanks

Answer

Godwin picture Godwin · Aug 27, 2013

Try adding the CSS rule:

.entry-content {
    overflow: visible;
}

Currently the property is being set to hidden which, as the name suggests, hides all content that extends outside of its bounds. Setting it to visible lets the content be shown.

http://www.w3schools.com/cssref/pr_pos_overflow.asp

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More