No replies
sundevil67
Offline
Regular
Last seen: 13 years 15 weeks ago
Joined: 2008-12-18
Posts: 13
Points: 0

I have a page that seems to function pretty well in most browsers, but Opera seems to be expecting more content and stretches the page horizontally and vertically, creating unnecessary scrollbars. Any advice appreciated!!

http://adamfialkov.com/portfolio/index.php

The CSS code affecting the content of this page is here:

/* portfolio page mini-screens */
 
ul.portfolioThumbs {
	margin: 15px 0 15px 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}
 
.portfolioThumbs li {
	display: inline-block;
	margin: 0;
	padding: 5px 5px 0 5px;
	position: relative;
    width: 142px;
	height: 92px;
}
 
.portfolioThumbs img {
	border: 0;
}
 
.portfolioThumbs a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 142px;
	height: 92px;
	overflow: hidden;
	background-image: url(/images/folio_thumb_bg.png);
	background-position: 0 0;
	cursor: pointer;
}
 
.portfolioThumbs a span span {
	text-indent: 19px;
	line-height: 159px;
	text-decoration: none;
	font-size: 0.85em;
	color: #fff;
	/* CSS3 only accepts the opacity property */
	opacity: 0.7;
	text-transform: capitalize;
}
 
.portfolioThumbs a:hover span {
	text-decoration: none;
	background-position: 0 92px;
	color: #fff;
	/* CSS3 only accepts the opacity property */
	opacity: 1;
}
 
/* end portfolio page mini-screens */