Solved

Empty div not showing

Posted on 2013-01-23
2
358 Views
Last Modified: 2013-01-23
I have a div that is empty of content but does have a background image.  I would like the entire div to open so you can see the entire background image.

At the moment, it is not opening at all.

.index-amp	{
	width:50%;
	height:50%;
	left:0%;
	top:0%;
	float:left;
	clear:left;
	position:relative;
	background-image:url(../../img/items/index-amp-320.png);
	background-repeat:no-repeat;
	display:block;
	background-size:100%;
	z-index:0;
}

Open in new window

0
Comment
Question by:rgranlund
2 Comments
 
LVL 18

Assisted Solution

by:dj_alik
dj_alik earned 250 total points
ID: 38811596
if you set height in pixels  units it will  work.
also  check your background-image:url path.
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 250 total points
ID: 38811654
You do have to set a height if you want it to display. But if it's supposed to be empty then why not just place the image inside the div and avoid the background?
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

28 Experts available now in Live!

Get 1:1 Help Now