Нужна помощь Браузер opera не правильно отображает страницу Думаю, на картинке видно в чем проблема. Может быть проблема где то здесь? /*========= 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)
