1 reply [Last post]
gautamz07
gautamz07's picture
Offline
Enthusiast
Last seen: 3 years 9 weeks ago
Timezone: GMT+5.5
Joined: 2014-04-24
Posts: 265
Points: 403

The HTML Code :

		<div class="main-c">
 
 
 
				<div class="slide-c">
 
						<ul>
							<li><img src="" alt="temporary"></li>
							<li><img src="" alt="temporary"></li>
						</ul>
 
				</div>
 
		</div>

The CSS Code :

*{
	padding: 0;
	margin: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 
.main-c{
	position: relative;
	margin: 20px auto;
	width: 80%;
	min-width: 260px;
	max-width: 800px;
	border:10px solid #fff;
	box-shadow:1px 1px 10px rgba(0,0,0,.5);
}
 
.slide-c{
	position: relative;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fa6363 url(../images/grid.png) repeat scroll 0 0;
}

Somehow in my browser the "Slide-c" div does not tahke the full 100% height , in the fiddle it works just fine :

fiddle : Jiddle

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 days 13 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9743
Points: 3822

100% of what?

What is the slider's height 100% of? The default is for the container's height to be determined by its child's height.

jsfiddle is neither a proper server nor browser. Put your page on a development server and view in a real browser.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.