View Single Post
  #2 (permalink)  
Old February 3rd, 2015, 03:34 PM
GuinnessShawn GuinnessShawn is offline
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Join Date: Feb 2015
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts

An <img> placed inside a container like your div has dimensions that will "stretch" that container around it by default. That's because the item is something that fits into that container.

Styling a background image falls outside of the document content and merely "paints" it into what you specify. If that div you want a background on has no content in it and has no defined area then nothing will show. Set your #est div width and height or place content into it to "stretch it" and you will see your background displays as you intend.

#est {
width: 300px;
background-image: url(;
background-repeat: no-repeat;
Reply With Quote