Jump to content
  • 0

браузер Opera

clip

Asked by clip,

 Share

Question

clip Explorer

clip

Posted
Posted (edited)

Нужна помощь :unsure:

Браузер opera не правильно отображает страницу

4cd3fac8b39f.jpg

Думаю, на картинке видно в чем проблема.

Может быть проблема где то здесь?

/*========= LAYOUT =========*/

#page{
	background: #ffffff;
	margin: 0 auto;
	width: 960px;
}

/*— Main Columns —*/
#columns{
	margin: 20px 0 0;
	padding: 0 15px 25px;
}
.col1{
	float: left;
	width: 550px;
}
.col2{
	float: right;
	width: 350px;
}
/*— Sub Columns —*/
.subcol{
	width: 160px;
}
.subcol h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 0 10px;
}

Весь CSS код:


/*========= SETUP =========*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/bgr.gif) #bcbcbc repeat top;
	color: #000000;
	font: 0.8em Arial,Helvetica,Sans-Serif;
		background-repeat: repeat;
}
a{
	color: #ff7800;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

/*========= LAYOUT =========*/

#page{
	background: #ffffff;
	margin: 0 auto;
	width: 960px;
}

/*— Main Columns —*/
#columns{
	margin: 20px 0 0;
	padding: 0 15px 25px;
}
.col1{
	float: left;
	width: 550px;
}
.col2{
	float: right;
	width: 350px;
}
/*— Sub Columns —*/
.subcol{
	width: 160px;
}
.subcol h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 0 10px;
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	background: #000000;
	height: 30px;
	padding: 4px 0 0;
}
#nav-left {
	float:left;
	display:inline;
	width:570px;
	}
#nav-right {
	float:right;
	display:inline;
	width:370px;
	}
#nav ul {
	position: relative;
		height: 26px;
		overflow: hidden;
	padding-left:10px;
}
#nav ul  li {
		float: left;
		list-style: none;
	font-weight:bold;
	font-size:14px;	
}
#nav ul  li.back {
		background-color: #333333;
		width: 9px;
		height: 30px;
		z-index: 8;
		position: absolute;
}
#nav ul  li a {
	text-decoration: none;
	color: #dddddd;
	outline: none;
	text-align: center;
	top: 6px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin: auto 15px !important;
	margin: auto 7px;	
}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {
	border: none;
}	  
/*- Category Navigation -*/
.nav2, .nav2 * {
	margin:0;
	padding:0;

}
.nav2 {
	height: 35px;
	border-bottom:3px solid #B3B3B3;
	font-weight:bold;
	font-size:15px;	
	position:relative;
}
.nav2 ul {
	background:#fff; /*IE6 needs this*/
	float: left;
	position:relative;
}
.nav2 li {
	line-height: 35px;
	float: left;
	list-style:none;
	z-index:999;
}
.nav2 li.current ul {
	z-index: 999;	
}
.nav2 li.sfHover ul,
ul.nav2 li:hover ul {
	z-index: 1000;
	background: #B3B3B3;
	color: #ffffff;
	text-decoration: none;		
}
.nav2 li li {
}
.nav2 a {
	color: #000000;
	display: block;
	padding: 0 13px;
}
.nav2 li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:960px;
}
.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	color: #FF7800;
	text-decoration: none;
	background: #B3B3B3;
}
.nav2 li.sfHover a,
.nav2 li.current a,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	border-bottom: none;
}
.nav2 li li.current a {
	font-weight: bold;
}
.nav2 li li:hover,
.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active {

}
.nav2 li:hover ul, /* pure CSS hover is removed below */
body .nav2 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav2 li.sfHover ul {
	top:2.5em;
}

.nav2 li:hover li ul,
.nav2 li.sfHover li ul {
	top:-999em;
}
.nav2 li li:hover ul, /* pure CSS hover is removed below */
ul.nav2 li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
/*- Search -*/
#search{
	background: #333333;
	border: 1px solid #b3b3b3;
	float: right;
	height: 23px;
	margin: 0 15px 0 0;
	padding: 0 10px 0 0;
	width:325px;
}
* html #search{
	margin-right: 8px;
}
#search input{
	background: transparent;
	border: 0;
	color: #b3b3b3;
	float: left;
	font-size: 13px;
	margin: 2px 0 0;
	padding: 2px 2px 2px 10px;
	width:288px;
}
#search .btn{
	margin: 3px 0 0 5px;
	padding: 0;
	width: auto;
}
/*- Header -*/
#header{
	background: url(images/hl-dot.gif) repeat-x bottom;
	height: 92px;
	padding: 0 0 2px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
}
#header h1 a{
	display: block;
	height: 93px;
	width: 389px;
}
/*- RSS -*/
#rss{
	float: right;
	font-size: 12px;
	padding: 16px 15px 0 0;
	text-align: right;
	width: 285px;
}
#rss a{
	color: #b3b3b3;
}
#rss ul{
	float: left;
	margin: 13px 0 0;
	width: 220px;
}
#rss li{
	margin: 0 0 3px;
	padding: 0 0 5px;
}
#rss img{
	float: right;
}

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

.featured{
	background: #dddddd;
	height: 200px;
	margin: 0 0 10px;
	overflow: hidden;
	padding-right:10px;
}
.featured h2{
	font-size: 11px;
	padding: 10px 0;
}
.featured h3{
	font-size: 14px;
	padding: 0 0 10px 0;
}
.featured h3 a {
	color:#000;
}
.featured h3 a:hover {
	color:#FF7800;
}
.featured p {
	margin-bottom:10px;
}
.featured-img{
	margin: 0 10px 0 0;
	width:350px;
	height:200px;
	float:left;
	display:inline;
}
#ribbon{
	width:138px;
	height:138px;
	float:right;
}
#featured-th{
	height: 57px;
	margin: 0 0 30px;
}
#featured-th img{
	margin: 0;
	border:none;
}
#featured-th .idTabs {
	list-style:none;
	}
#featured-th .idTabs li {
	float:left;
	display:inline;
	margin-right:12px;
	}
#featured-th .idTabs li.last {
	margin-right:0px !important;
	}

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame {
	background:#DDD;
	float:left;
	width:550px;
	height:auto;
	margin-bottom:30px;
	}
.video-left {
	float:left;
	width:350px !important;
	display:inline;
	}
.video-left p {
	padding:0px !important;
	margin:0px !important;
	}
.video-left h2 {
	display:none;
	}
.video-right {
	float:right;
	width:200px;
	display:inline;
	padding-top:7px;
	}
.video-right h2{
	color: #ff7800;
	font-size:1.3em;
	line-height:1.2em;	
	font-weight:bold;
	padding: 0 0 0 10px !important;
	margin:0 !important;
	}
.video-right p{
	color: #000;
	font-size:0.9em;
	line-height:0.8em;
	font-weight:bold;
	padding: 0 0 7px 10px !important;
	margin:0 !important;	
	}
.video-right .idTabs {
	border-top:1px solid #FFF;
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
.video-right .idTabs li {
	margin:0px;
	border-bottom:1px solid #FFF;
	background:#DDD;
	line-height:10px;
	}
.video-right .idTabs li a {
	color:#000;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:12px;
	text-decoration:none;
	display:block;	
	padding:10px 10px;
	}
.video-right .idTabs li a:hover {
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
	}
.video-right .selected {
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
	}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 1em;
	padding: 0 0 5px;
}
.post h3{
	font-size: 1.3em;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
}
.post p.posted{
	color: #c0c0c0;
}
/*- Box -*/
.box{
	border-top: 3px solid #c0c0c0;
	clear: both;
	height: 1%;
	margin: 0 0 20px;
	padding: 15px 0 20px;
}
.box .post{
	width: 260px;
}
.box .post h2{
	font-size: .85em;
}
.box .post h3{
	font-size: 1em;
}
.box .post p.posted{
	font-size: .85em;
}
/*=== Traditional Blog Post ===*/
.post-alt{
	margin: 0 0 15px 0;
	padding-bottom:15px;
	background: url(images/hl-dot.gif) repeat-x bottom;
}
.post-alt h2{
	font-size: 1.1em;
	padding: 0 0 5px;
}
.post-alt h3{
	font-size: 1.4em;
}
.post-alt h3 a{
	color: #000000;
}
.post-alt p{
	padding: 0 0 15px;
}
.post-alt p.posted{
	color: #c0c0c0;
}
/*=== Buttons ===*/
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	padding: 0 0 0 13px;
	font-weight:bold;
}
.comments {
	padding-bottom:0px !important;
}
.comments a{
	background: url(images/ico-comm.gif) no-repeat left;
	color: #000000;
	padding: 0 0 0 20px;
	font-weight:bold;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
}
.navigation a {
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}

/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
	background:#EEE;
	padding:10px;
	width:530px;
	margin-bottom:25px;
}
#archivebox h2 {
	font-size:1.5em;
	color:#000;
}
#archivebox h2 em{
	color:#C0C0C0 !important;
	font-style:normal;
}
.archivefeed {
	margin-top:5px;
}
.archivefeed a {
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	padding-left:20px;
	color:#000;
	font-weight:bold;
}
.arclist{
	border-top: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 10px 0 10px;
	width: 260px;
}
.arclist h2{
	color: #000;
	font-size: 18px;
	padding: 0 0 10px 0 !important;
}

.arclist ul li{
	padding:0 0 7px 10px;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#C0C0C0;
}
.entry p{
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
.entry blockquote { 
	padding: 3px 15px;
	background: #def3ff;
	border: 1px solid #0253b8;
	margin: 5px auto 15px auto;
	color:#000;
	width:85%;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img { 
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0; 
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}


/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.4em;
	padding: 0 0 5px;
	font-weight:bold !important;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#DDD;
	border:1px solid #C0C0C0;	
}

/*========= SIDEBAR =========*/

/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/
.sideTabs {
	border-bottom:1px solid #C0C0C0;
	height:31px;
	width:350px;
	float:left;
	display:block;
	}
.sideTabs .idTabs{
	font-size: 12px;
	height: 30px;
	letter-spacing: -1px;
}
.sideTabs .idTabs li{
	float: left;
	font-size: 13px;
	line-height: 30px;
}
.sideTabs .idTabs li a{
	background: #eeeeee;
	border: 1px solid #eeeeee;
	border-bottom: 0;
	color: #c0c0c0;
	display: block;
	margin: 0 2px 0 0;
	padding: 0 10px;
	font-weight:bold;
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	background: #dddddd;
	border: 1px solid #c0c0c0;
	border-bottom:1px solid #ddd;
	color: #373737;
	text-decoration: none;
}
.navbox{
	background: #dddddd;
	border: 1px solid #c0c0c0;
	border-top: 0;
	margin: -2px 0 25px;
	padding: 10px 10px 0;
	position: relative;
}
.list1,list3,list4{
	padding-bottom:12px;
	}
.list1 li,.list3 li,.list4 li{
	background: url(images/ico-star.gif) no-repeat left center;
	padding: 6px 0 6px 25px;
	border-bottom:1px dashed #C0C0C0;
}
.list1 li a,.list3 li a,.list4 li a{
	color: #000000;
}
.list3 li {
	background: url(images/ico-mostcomm.gif) no-repeat left center !important;
	}
.list4 li {
	background: url(images/ico-feat.gif) no-repeat left center !important;
	}
/*- Ads -*/
.ads{
	border: 1px solid #eeeeee;
	height: 125px;
	margin: 0 0 25px;
	padding: 10px;
}
.ads img{
	float: left;
	margin: 0 14px 0 0;
}
.ads img.last{
	margin: 0 !important;
}
/*- Flickr -*/
.flickr{
	background: #fafafa;
	border: 1px solid #c0c0c0;
	margin: 0 0 25px;
	padding: 10px 0px;
}
.flickr .flickr_badge_image img {
	float:left;
	display:inline;
	padding-left:10px;
	padding-bottom:5px;	
}
.flickr h2{
	color: #ff7800;
	font-size: 14px;
	height: 21px;
	margin: 0 0 10px 0px;
	padding-left:10px;
}
.flickr h2 span{
	float: left;
}
.flickr h2 img{
	float: right;
	margin: 0 2px;
}
.flickr h2 em{
	color: #848382;
	float: right;
	font-style: normal;
}
.flickr-ar {
	margin:10px 10px 0px 0px !important;
	padding:0px !important;
	text-align:right;
}

/*=== DropDown Lists ===*/
.catlist{
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 0 0 10px;
	width: 160px;
}
.catlist h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 20px 0 0 !important;
	background:url(images/ico-catlist.gif) center right no-repeat;
}
.list-alt {
	padding-top:10px;
	}
.list-alt li{
	margin: 0 0 7px;
}
.list-alt li a{
	color: #000000;
}
/*=== Styling Widget Lists ===*/
.widget h2 {
	text-transform:uppercase;
	}
.widget ul {
	background: url(images/hl-dot.gif) repeat-x bottom;
	margin: 0 0 15px;
	padding: 10px 0 7px;
}
.widget ul li{
	margin: 0 0 7px;
}
.widget ul li a{
	color: #000000;
}

/*========= FOOTER =========*/

#footer{
	background: #000000;
	clear: both;
	color: #b3b3b3;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
#footer a{
	color: #b3b3b3;
}
#footer img {
	vertical-align:middle;
}

/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	background: url(images/hl-dot.gif) repeat-x bottom;
}
.hl-full{
	background: url(images/hl-dot-full.gif) repeat-x bottom;
	float:left;
	clear:both;
	height:2px;
	width:100%;
	margin:20px 0 25px !important;
	margin:10px 0 15px;	
	padding:0 !important;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	border-top: 3px solid #c0c0c0;
	padding: 10px 0 0;
}
.blog{
	width:100% !important;
	float:left;
}
.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #c0c0c0;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}

Причем под баннером(turbobit) отображается полоска которая должна быть внизу.

Сильно не ругайте, так-как в CSS не особо разбираюсь, но учусь :)

Заранее благодарю.

зы. Вот сам сайт http://stupid-blog.ru/(wordpress)

Edited by clip
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept