CSS Hatası Olabilir mi

07.02.2015 16:02

CyberAngel WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 43 / E
Meslek Eğitmen
Konum Artvin

Ad Soyad H** M**
Mesajlar 79
Beğeniler 1 / 0
Ticaret 0, (%0)

O kadar emek ettiğim tasarımda anlamlandıramadığım bir sorun var.

Şöyle ki bazı bilgisayarlarda bir anda bir kısım gözükmüyor.Şuan bende ve test ettiğim bir kaç bilgisayarda olduğu gibi.Çözünürlük diyecem değil, tüm çözünülükler de test etmişim.Resimlerle gösterim.

Sitenin şuan herkesin gördüğü şekli şu;

Durduk yere, hiç bir ayar değiştirmeden (ccleaner kullandıktan sonra- alakası var mı bilmiyorum) bende ve bazı bilgisayarlarda gözüken görüntüsü şu;

İşin ilginç yanı.Chrome, Mozilla ve İe'de ikinci resimdeki gibi hatalı gözükürken ben siteyi bir proxsy sitesi üzerinden açtığımda sorun yok.

https://proxy-nl.hide.me/go.php?u=WZm8yJ54cyDeEdRZOgQFrfkcSrkZ%2FL3FwUY%3D&b=5&f=norefer

Ama normalde girince sorun var.

http://www.yuvarlanankaya.com/

07.02.2015 16:50

#2

Shrikeen Frontend Developer Kullanıcı

Üyelik 24.06.2011
Yaş/Cinsiyet 33 / E
Meslek Front End Developer
Konum İstanbul Avrupa

Ad Soyad F** Ş**
Mesajlar 2933
Beğeniler 745 / 744
Ticaret 60, (%100)

.block'a genişlik 100% verin.

.block {
display: inline-block;
width: 100%;
}

07.02.2015 16:53

#3

CyberAngel WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 43 / E
Meslek Eğitmen
Konum Artvin

Ad Soyad H** M**
Mesajlar 79
Beğeniler 1 / 0
Ticaret 0, (%0)

Ferdi Şahin adlı üyeden alıntı

.block'a genişlik 100% verin.

Bulamadım hocam.Css kodlarını aşağı ekledim.

      
{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
body{
line-height:1;
}
ol,ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before,q:after{
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hide from IE Mac \*/ .clearfix{
display:block;
}
/* End hide from IE Mac */ .none{
display:none;
}
/* End Clearfix */
b,em,strong{
font-weight:bold;
}
i{
font-style:italic;
}
::selection{
background:#2EB0EC;
color:#fff;
}
::-moz-selection{
background:#333;
color:#fff;
}
a img{
border:none;
}
ol, ul{
padding:10px 0 20px;
margin:0 0 0 35px;
text-align:left;
}
ol li{
list-style-type:decimal;
padding:0 0 5px;
}
ul li{
list-style-type:square;
padding:0 0 5px;
}
ul ul, ol ol{
padding:0;
}
a img{
vertical-align:middle;
}
p{
margin-bottom:15px;
font-size:13px;
line-height:1.5;
}
h1, h2, h3,
h4, h5, h6{
font-family:'Open Sans', Sans-Serif;
font-weight:700;
line-height:1.2;
color:#292929;
}
h1{
font-size:32px;
line-height:38px;
}
h2{
font-size:28px;
line-height:32px;
}
h3{
font-size:22px;
line-height:28px;
}
h4{
font-size:18px;
line-height:26px;
}
h5{
font-size:15px;
line-height:20px;
}
h6{
font-size:12px;
line-height:20px;
}
.post-body h1{
margin:55px 0 25px 0;
}
.post-body h2{
margin:35px 0 15px 0;
}
.post-body h3, .post-body h4,
.post-body h5, .post-body h6{
margin:15px 0;
}
.post-body h1{
margin:40px 0 20px;
}
.post-body h2{
margin:30px 0 15px;
}
.post-body h3{
margin:30px 0 10px;
}
.post-body h4{
margin:25px 0 8px;
}
.post-body h5{
margin:20px 0 5px;
}
.post-body h6{
margin:20px 0 5px;
}
.post-body h1:first-child,
.post-body h2:first-child,
.post-body h3:first-child,
.post-body h4:first-child,
.post-body h5:first-child,
.post-body h6:first-child{
margin-top:0;
}
/***************************************** Main CSS ******************************************/
a{
color:#3A3A3A;
text-decoration:none;
}
a:hover{
color:#e74c3c;
}
img{
vertical-align:bottom;
max-width:100%;
}
body{
background:#F6F6F6;
color:#888888;
height:100%;
font-size:14px;
font-family:'Open Sans', sans-serif;
font-weight:700;
line-height:1.5em;
overflow-x:hidden;
margin:0;
padding:0;
}
.clr{
clear:both;
float:none;
}
.tc-wrapper:before,.tc-wrapper:after{
content:"\0020";
display:block;
height:0;
overflow:hidden;
}
.tc-wrapper:after{
clear:both;
}
.tc-wrapper{
position:relative;
max-width:1400px;
margin:0 auto;
padding:0;
padding-left:0px;
padding-right:0px;
}
.boxed{
padding:0;
border:0;
}
.outer-layer{
background:transparent;
position:relative;
margin:0 0 40px;
}
.header-wrapper{
background:rgba(0,0,0,0);
display:block;
float:left;
width:100%;
padding:0;
}
.main-wrapper{
width:69.6%;
margin-right:0px;
float:left;
overflow:hidden;
margin-bottom:20px;
}
/*=========================================== Do Not Change This is Layout Styling CSS ==========================================*/
body#layout .header-wrapper{
margin-top:10px;
}
body#layout .header-inner-wrap{
width:50%;
float:auto\9;
height:auto\9;
margin:3em 0 0;
}
body#layout{
max-width:850px;
}
body#layout #featured-posts-section{
display:none;
}
body#layout #header{
width:100%;
margin:0;
padding:0;
}
body#layout .outer-layer,body#layout .sidebar-wrapper,body#layout .tc-wrapper{
margin:0;
padding:0;
}
body#layout div.footer{
font-family:sans-serif;
display:inline-table;
position:relative;
float:left;
max-width:25%;
margin:0 auto 2px;
padding:0 0 10px;
}
#layout div.main-wrapper{
width:70%;
float:left;
margin:0;
}
#layout #sidebar-right{
width:30%;
float:right;
}
#layout #sidebar{
width:100%!important;
}
#layout .featured{
display:none;
}
/*--------------------------header css ----------------------------*/
#header{
width:auto;
float:left;
}
#header h1{
line-height:normal;
margin:0;
padding:0;
}
h1.if-img a{
text-indent:-9999px;
display:block;
width:320px;
min-height:75px;
}
#header-inner{
margin:0;
padding:0;
}
#header h1 a,#header h1 a:hover{
margin:35px auto 30px;
color:#2d2d2d;
}
#header p.description{
color:#333;
font-size:20px;
font-family:monospace;
text-align:center;
text-transform:capitalize;
margin:2em auto 0;
padding:0;
}
#header img{
border:0 none;
background:none;
max-width:230px;
height:auto;
margin:0 auto;
}
/***** Header Right CSS *****/
.header-right{
float:right;
}
.header-right .widget-content{
margin-top:40px;
}
/* --------------------------- top menu --------------------------------*/
#top-navigation{
float:left;
margin:0px 0px -2px;
padding:0px;
width:100%;
background-color:#1F1F22;
position:relative;
margin-bottom:50px;
}
#top-navigation .sf-menu a{
text-decoration:none;
display:block;
font-size:1em;
padding:0.75em 1.25em;
text-transform:capitalize;
color:#FFF;
font-weight:bold !important;
margin:0px;
z-index:9999;
font-family:sans-serif;
}
#top-navigation .sf-menu a:hover{
background:#8E1E0C none;
color:#fff;
}
.effect-1:before,
.effect-1:after{
content:"";
position:absolute;
bottom:22px;
left:10px;
width:50%;
height:20%;
max-width:300px;
/*box-shadow*/
-webkit-box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
-moz-box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
/*transform*/
-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
-o-transform:rotate(-4deg);
transform:rotate(-4deg);
}
.effect-1:after{
right:10px;
left:auto;
/*transform*/
-webkit-transform:rotate(4deg);
-moz-transform:rotate(4deg);
-ms-transform:rotate(4deg);
-o-transform:rotate(4deg);
transform:rotate(4deg);
}
.sf-menu, .sf-menu *{
list-style-type:none;
float:left;
padding:0;
-webkit-margin-before:0em;
-webkit-margin-after:0em;
-webkit-margin-start:0px;
-webkit-margin-end:0px;
-webkit-padding-start:0px;
}
.innerwrap{
width:100%;
position:relative;
display:flex;
z-index:999;
background:#1F1F22;
}
#search-header button{
float:right;
}
#search-header button{
width:50px;
height:42px;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
border:0;
font-size:1.2em;
color:#FFF;
cursor:pointer;
background-color:#E2492B;
}
#shide{
position:absolute;
width:100%;
top:-80px;
z-index:9999999;
overflow:hidden;
}
#search-hide input{
border:0;
width:100%;
padding:0 15px;
background-color:#F4F6F7;
height:42px;
font-style:normal;
font-weight:400;
font-size:16px;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
}
button.remove{
position:absolute;
top:6px;
border:0;
background-color:transparent;
font-size:1.5em;
color:#555;
cursor:pointer;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
}
div#search-header{
position:absolute;
right:0px;
top:0px;
z-index:99999;
}
#search-header button{
float:right;
}
button.remove{
right:15px;
}
/*------------ navigation menu bar ---------*/
#menu-bar{
float:left;
width:100%;
}
.secondmenu{
padding:16px;
padding-left:0;
padding-top:11px;
width:100%;
padding-right:50;
}
.smenu a{
padding:12px;
text-decoration:none;
color:#000;
font-weight:700;
border-bottom:5px solid #000;
}
.smenu a:hover{
color:#fff;
}
a#pull{
display:none;
}
@media screen and (max-width: 960px){
.smenu menu{
display:none;
height:auto;
}
.smenu a#pull{
background-color:#1E1E1E;
border-bottom:1px solid #2e2e2e;
color:#fff;
display:inline-block;
font-family:'
:pan sans'
:sans-serif;
font-size:14px;
font-weight:bolder;
padding:11px 10px 0px;
margin:0px;
position:relative;
margin-top:-8px;
text-align:left;
text-transform:uppercase;
width:100%;
}
.smenu a#pull:after{
content:"";
background:url(http://2.bp.blogspot.com/-m-KNyqw_fwU/U6wnuZ88qYI/AAAAAAAAAB0/Uw0UTY452Ms/s1600/nav-icon.png) no-repeat;
width:30px;
height:30px;
display:inline-block;
position:absolute;
right:15px;
top:10px;
}
.smenu a{
display:block;
float:none;
width:100%;
}
.main-nav li a{
background:rgb(39, 38, 38);
padding:15px 20px;
display:block;
}
.smenu{
display:block;
width:100%;
float:none;
}
.smenu menu{
text-align:center;
}
}
/*-------------------------------------- Featured Post -----------------------------------------*/
div.feat-cat{
display:inline-block;
}
.block{
display:inline-block;
}
.block li{
padding:10px 0;
list-style:none;
}
li.tcpost{
padding:0;
}
.block-side, .block-top{
position:relative;
}
.block-side img{
width:110px;
height:65px;
}
.block-title a, .block-title span{
color:#000!important;
border-bottom:5px solid #000;
position:relative;
width:100%;
display:block;
font-size:17px;
padding-bottom:5px;
}
.block-heading{
font-size:14px;
font-weight:300;
line-height:1.5;
}
.block-side{
margin-right:15px;
float:left;
}
.block-content{
width:auto;
max-width:72%;
}
.tcpost .block-content{
max-width:100%;
}
.block-meta, .entry-meta{
font-size:12px;
margin-bottom:10px;
/* margin*/
* margin:0;
:*/;
}
.block-meta > *, .entry-meta > *{
margin-right:10px;
}
.block-meta a, .entry-meta a{
color:#bbb;
}
div.block-excerpt{
font-size:13px;
line-height:1.6;
margin-top:15px;
}
.block-top .overlay, .block-side .overlay, .entry-image .overlay{
background-color:rgba(0, 0, 0, 0.4);
color:#fff;
font-size:13px;
overflow:hidden;
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
/*transition*/
-webkit-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;
width:100%;
}
.block-top .overlay i, .block-side .overlay i, .entry-image i{
position:absolute;
font-size:26px;
left:50%;
top:50%;
margin-left:-15px;
margin-top:-14px;
}
.block-top .overlay:hover, .block-side .overlay:hover, .entry-image .overlay:hover{
opacity:1;
}
.tcpost h3{
font-size:18px;
line-height:1.5;
margin-top:10px;
font-weight:700;
}
.tcpost img{
width:100%;
height:190px;
}
.one-half{
width:50%;
float:left;
height:auto;
margin:0;
margin-right:0;
padding:0;
}
.one-half ul,.block ul{
padding:0;
margin:0;
}
.one-half header, .block header{
position:relative;
display:block;
margin-bottom:30px;
}
.one-half a:hover{
color:#e74c3c;
}
.post2 a:hover{
color:#88c462;
}
.post3 a:hover{
color:#3dbfd9;
}
.post6 a:hover{
color:#1db79b;
}
.item-post{
overflow:hidden;
margin-bottom:12px!important;
padding-bottom:13px!important;
border-bottom:1px solid #EEEEEE;
float:right;
margin-right:0;
}
.item-post:last-child{
border-bottom:0;
}
.item-post div.thumb.overlay{
float:left;
width:80px;
margin-right:10px;
}
.item-post h4{
font-size:13px;
line-height:1.3;
}
.post4.one-half{
width:100%;
}
.post4 .block-top{
margin-right:20px;
}
.post4 .block-content{
max-width:65%;
}
.post4 .block-heading{
font-size:20px;
font-weight:600;
}
.post6 li:first-child, .post6 li{
width:50%;
padding:0;
padding-right:20px;
}
.post6 li{
padding:0 15px 15px;
}
/*--------------------------- post body css -----------------------------*/
.separator > a{
display:inline-block;
/* hack for fixing image */
padding-bottom:5px;
}
div.item-thumb{
width:41.5%;
margin-right:20px;
border-left:5px solid #e74c3c;
/*transition*/
-webkit-transition:all .5s ease 0s;
-moz-transition:all .5s ease 0s;
-o-transition:all .5s ease 0s;
transition:all .5s ease 0s;
}
.item-container{
width:55.5%;
}
div.item-content h2{
font-size:24px;
line-height:1.4;
}
.post .item-thumb img{
width:100%;
height:180px;
}
.entry-meta{
font-size:12px;
color:#BABABA;
overflow:hidden;
margin:5px 0 5px;
font-family:open sans,sans-serif;
}
.entry-meta a{
color:#8F8C8C;
}
.entry-meta .sep{
margin:0 5px;
}
.entry-title{
font-size:22px;
font-weight:700;
line-height:1.2;
color:#292929;
margin:0;
margin-bottom:10px;
margin-top:15px;
}
.entry-header{
margin-bottom:20px;
}
.entry-meta .cat{
font-style:normal;
text-transform:uppercase;
margin-right:15px;
}
.entry-meta .cat > span{
padding:0;
padding-right:2px;
display:inline-block;
margin:0px;
}
h1.entry-title{
font-size:30px;
line-height:1.2;
font-weight:300;
color:#36363C;
margin:0!important;
}
.post-body.entry-content{
word-wrap:break-word;
position:relative;
margin:0;
padding:0;
font-weight:300;
color:#000;
font-size:14px;
}
.body-post{
font-weight:400;
margin:0;
padding:0;
}
.rmlink{
float:right;
line-height:normal;
z-index:1000;
position:absolute;
right:0;
bottom:10px;
}
#blog-pager-older-link{
display:inline;
float:right;
text-align:right;
font-weight:700;
padding:0 1%;
}
#blog-pager-newer-link{
display:inline;
float:left;
text-align:left;
font-weight:700;
padding:0 1%;
}
#blog-pager{
clear:both;
font-size:16px;
line-height:normal;
margin:0 0 25px;
padding:15px;
width:100%;
float:left;
}
#blog-pager a{
background:#0F0F11;
color:#fff;
padding:7px 10px;
/*border-radius*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-weight:400;
}
.showpageNum a,.showpage a{
margin:0 4px;
}
.showpagePoint{
margin:0 2px 0 0;
}
.home-link,.showpageOf{
display:none;
}
blockquote{
background:#ddd;
color:#636161;
margin:0;
padding:10px 20px;
}
#comments{
overflow:hidden;
background:#FFFFFF;
/*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border-bottom:2px solid #DDDDDD;
padding:25px;
}
#comments h4{
display:inline;
padding:10px;
line-height:40px;
margin-left:60px;
}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{
position:relative;
}
#comments h4,.comments .continue a{
background:#e54a4f;
}
#comments h4,.comments .user a,.comments .continue a{
font-size:16px;
}
#comments h4,.comments .continue a{
font-weight:normal;
color:#fff;
}
#comments h4:after{
content:"";
position:absolute;
bottom:7px;
left:-26px;
width:0;
border-style:solid;
height:0;
border-width:13px;
border-color:transparent #e54a4f transparent transparent;
line-height:0;
}
#comments h4:before{
content:"";
position:absolute;
border-color:transparent transparent transparent;
border-style:solid;
border-width:27px;
width:14px;
height:34px;
left:-71px;
top:-30px;
background-position:-27px;
background-image:url(https://dl.dropboxusercontent.com/u/72402483/Blogger/dynamic%20trick/Screenshot_1.png);
}
#comments .avatar-image-container img{
border:0;
}
.comment-thread{
color:#111;
}
.comment-thread a{
color:#777;
}
.comment-thread ol{
margin:0 0 20px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{
color:#222;
}
.comments .avatar-image-container,.comments .avatar-image-container img{
width:48px;
max-width:48px;
height:48px;
max-height:48px;
}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{
margin-left:60px;
}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{
border:1px solid #ddd;
background:#f9f9f9;
padding:10px;
}
.comments .comments-content .comment{
margin:15px 0 0;
padding:0;
width:100%;
line-height:1em;
}
.comments .comments-content .icon.blog-author{
position:absolute;
top:-12px;
right:-12px;
margin:0;
background-image:url(https://lh4.googleusercontent.com/-yZr9CWeDr1M/UhbCd9bmLkI/AAAAAAAACjI/sllgyp7xoMc/s36/author.png);
width:36px;
height:36px;
}
.comments .comments-content .inline-thread{
padding:0 0 0 20px;
}
.comments .comments-content .comment-replies{
margin-top:0;
}
.comments .comment-content{
padding:5px 0;
line-height:1.4em;
}
.comments .comment-thread.inline-thread{
border-left:1px solid #ddd;
background:transparent;
}
.comments .comment-thread.inline-thread .comment{
width:auto;
}
.comments .comment-thread.inline-thread .comment:after{
content:"";
position:absolute;
top:10px;
left:-20px;
border-top:1px solid #ddd;
width:10px;
height:0px;
}
.comments .comment-thread.inline-thread .comment .comment-block{
border:0;
background:transparent;
padding:0;
}
.comments .comment-thread.inline-thread .comment-block{
margin-left:48px;
}
.comments .comment-thread.inline-thread .user a{
font-size:13px;
}
#comments h4 a{
display:none;
}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{
width:36px;
max-width:36px;
height:36px;
max-height:36px;
}
.comments .continue{
border-top:0;
width:100%;
}
.comments .continue a{
padding:10px 10px;
text-align:center;
width:67.4%;
position:absolute;
}
.comment .continue{
display:none;
}
#comment-editor{
width:103%!important;
}
.comment-form{
width:100%;
max-width:100%;
}
.comments .comments-content .loadmore,.comments .comments-content{
margin:0;
}
.loadmore{
position:relative;
padding:10px;
background:rgba(0, 0, 0, 0.15);
width:110px;
}
.loadmore a{
color:#fff;
}
/*------ search form -----*/
/* popular posts */
#PopularPosts1 .widget-content{
margin-top:15px;
}
#PopularPosts1 .item-title{
font-size:14px;
line-height:1.3;
font-weight:400;
}
#PopularPosts1 ul > li{
margin-bottom:25px;
}
#PopularPosts1 ul > li:nth-child(n+3){
display:none;
}
#PopularPosts1 img{
padding:0!important;
height:100%;
max-width:100%;
}
#PopularPosts1 .item-thumbnail{
margin:0 10px 0 0px!important;
}
.PopularPosts .item-thumbnail{
float:left;
margin:0 5px 5px 0;
width:100px;
height:70px;
}
.PopularPosts .widget-content ul li{
padding:0;
}
.item-snippet{
font-size:12px;
font-family:helvetica;
display:none;
}
/*----------------------------- sidebar css -----------------------------*/
.sidebar{
width:30.33%;
overflow:hidden;
float:right;
margin-top:1px;
}
#sider{
padding:0 20px;
}
.sidebar ul{
margin:0;
padding:0;
}
.sidebar li{
list-style:none;
margin:0 0 10px;
padding:0;
}
.sidebar .widget h2{
line-height:1.5em;
padding:0% 0% 10px;
font-size:1.25em;
margin:0px 0px 0.5em;
float:left;
width:100%;
color:#333;
text-transform:capitalize;
border-bottom:5px solid #52C0D4;
}
.sidebar .widget{
margin:0 0 20px;
padding:0;
}
.page-header{
margin-bottom:20px;
border-bottom:1px solid #ccc;
margin:0 0px 30px;
}
.page-header > h2{
margin-bottom:5px;
font-weight:normal;
font-size:30px;
}
.footer .slides li{
margin:0;
padding:0;
}
.footer .thumb{
background:transparent;
}
.footer a{
color:#A1A1A1;
}
#footer{
width:100%;
color:#E0E0E0;
background:#1F1F22;
}
.footer{
float:left;
width:31%;
margin-right:12px;
}
#footer3{
margin:0;
}
.footer h2{
color:#ddd;
font-size:19px;
font-weight:400;
margin-bottom:12px;
text-transform:none;
position:relative;
}
.footer .widget{
clear:both;
font-size:16px;
line-height:1.5;
margin:15px 0px 25px;
}
.footer ul{
list-style:none;
margin:0;
padding:0;
}
.footer li{
text-transform:capitalize;
margin:0;
padding:0 0 5px;
list-style:none;
}
.footer-credits{
padding:20px 0;
background:#0F0F11;
}
.footer-credits p{
margin:0;
}
.footer-credits a{
color:#C0C0C0;
}
/***************************************** Responsive styles ******************************************/
@media screen and (max-width:1440px){
.tc-wrapper {
margin:0px auto;
padding:0px;
max-width:1120px!important;
width:auto;
}
}
@media screen and (max-width:1100px){
.tc-wrapper{padding:0 10px;
}
.main-wrapper{
width:100%;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:245px;
height:376px;
}
}
@media screen and (max-width:999px){
.smenu a {
padding:12px;
text-decoration:none;
color:#FFF;
background:none!important;
border-bottom:0px solid #000 !important;
}
#menu-bar{
background:#000;
}
.sidebar{
width:auto!important;
}
}
@media screen and (max-width: 970px){
#header { float:none;
text-align:center;
width:100%;
}
.one-half img{
width:100%;
}
.hfeed .one-half:nth-child(even){
margin:0;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:345px;
height:350px;
}
}
@media screen and (max-width: 960px){
.tc-wrapper{    padding:0 10px;
}
#header-navigation{
display:none;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:310px;
height:376px;
}
#menu-bar{
float:none;
width:100%;
margin-top:20px;
background:#000;
}
#menu-main ul{
text-align:center;
}
#menu-main li{
float:none;
display:inline-block;
}
}
@media screen and (max-width: 768px){
#header p.description { margin:0;
}
#comment-editor{
margin:10px;
}
.footer{
width:100%;
clear:both;
}
.sidebar{
margin:2%;
}
}
@media screen and (max-width: 620px){
#header img { width:100%;
}
.opt-in .inner .tc-wrapper{
padding:0 10px;
}
.post-title{
font-size:1.2rem!important;
}
.rdmre{
display:none;
}
.sidebar-wrapper{
float:none;
clear:both;
width:auto;
padding:10px;
margin:0;
}
.sidebar .widget{
clear:both;
float:none;
width:100%;
}
.post-body{
margin-top:4.5em;
}
}
@media screen and (max-width: 420px){
#header h1{font-size:3rem!important;
}
.comments .comments-content .datetime{
display:block;
float:none;
}
.comments .comments-content .comment-header{
height:70px;
}
.thumb{
clear:both;
float:none;
}
.post-labels{
display:none;
}
}
.tinynav{
display:none;
}
@media screen and (max-width: 673px){
.tinynav{
display:block;
width:320px;
margin:0 auto;
padding:5px;
margin-top:5px;
margin-bottom:5px;
font-family:'Open Sans', sans-serif;
font-style:normal;
border:0;
}
#menusecond{
display:none!important;
}
}
@media screen and (max-width: 320px){
.footer{
width:100%;
}
.tc-wrapper{
padding:0;
}
.post-body img{
max-width:100%;
}
.comments .comments-content .comment-replies{
margin-left:0;
}
}
h2.date-header,span.blog-admin{
display:none!important;
}
/*---------------------------------- widgets ------------------------------------------*/
#Label1 li{
margin:0;
display:block;
padding:4px 0;
width:auto;
margin-bottom:3px;
}
#Label1 li a{
padding-left:5px;
}
#Label1 li{
border-left:4px solid #383B3F;
}
#Label1 li:nth-child(1),#Label1 li:nth-child(6){
border-left:4px solid #3498db;
}
#Label1 li:nth-child(2),#Label1 li:nth-child(7){
border-left:4px solid #f39c12;
}
#Label1 li:nth-child(3),#Label1 li:nth-child(8){
border-left:4px solid #e74c3c;
}
#Label1 li:nth-child(4),#Label1 li:nth-child(9){
border-left:4px solid #2ecc71;
}
#Label1 li:nth-child(5),#Label1 li:nth-child(10){
border-left:4px solid #6CC835;
}
#Label1 span{
float:right;
}
#Label2 li{
display:inline;
}
#Label2 li a:hover{
color:#fff;
}
#Label2 li a{
background:#e74c3c;
display:block;
color:#fff;
float:left;
font-size:13px !important;
margin-bottom:10px;
margin-right:7px;
padding:2px 4px 3px;
font-weight:300;
}
/*--------------------general css -------------------------------*/
.marg-20{
margin-bottom:20px;
}
.marg-30{
margin-bottom:30px;
}
.marg-40{
margin-bottom:40px;
}
.padd-20{
padding-bottom:20px;
}
.padd-30{
padding-bottom:30px;
}
.padd-40{
padding-bottom:40px;
}
.padding{
padding:0 20px;
}
.left{
float:left;
}
.right{
float:right;
}
/*************************************
share-this
*************************************/
.share-this{
float:left;
width:106.5%;
position:relative;
left:-25px;
border-bottom:1px solid #ddd;
margin:2% 0 2%;
padding:10px 0 3px;
border-top:1px solid #ddd;
}
.share_it{
float:left;
color:#363636;
text-shadow:1px 1px 0 rgba(241,241,241,.5);
padding:0 5% 0 1%;
text-indent:35px;
font-size:15px;
line-height:23px;
}
.related-posts{
margin:0 0% 0 0%;
background:#fff;
}
#related-posts{
border-top:1px solid #CCC;
position:relative;
padding-top:.51em;
}
.related-posts img{
border:1px solid #DEDEDE;
}
h2.relatedpost{
position:absolute;
top:-18px;
padding:0 5px 0 0;
text-indent:15px;
background:#FFF;
margin-bottom:0;
font-weight:100;
font-size:20px;
}
.related-content{
float:left;
margin:0px -5% 0 3%;
}
.relatedtitle{
color:#414141;
font-variant:small-caps;
font-weight:bold;
font-size:17px!important;
}
html, body {
background: url('http://4.bp.blogspot.com/-hDJ-ptPeH7k/VNPqBISzeKI/AAAAAAAAYSU/trUVoioKfpc/s1600/arkaplan.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

    ]]>

Ek Olarak: Tamam buldum pardon..

Şöyle bir şey vardı;
.block{
display:inline-block;

Dediğiniz gibi yaptım böyle oldu bu seferde..

07.02.2015 21:53

#4

ErcanDinsel E' Kullanıcı

Üyelik 28.01.2012
Yaş/Cinsiyet 32 / E
Meslek Grafiker. / ercandinsel.org
Konum Kocaeli

Ad Soyad E** D**
Mesajlar 670
Beğeniler 54 / 241
Ticaret 1, (%100)

Hocam reset dosyası olarak hangisini kullanıyorsunuz?

07.02.2015 21:54

#5

CyberAngel WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 43 / E
Meslek Eğitmen
Konum Artvin

Ad Soyad H** M**
Mesajlar 79
Beğeniler 1 / 0
Ticaret 0, (%0)

ErcanDinsel adlı üyeden alıntı

Hocam reset dosyası olarak hangisini kullanıyorsunuz?

Reset dosyası derken hocam :) Blogger alt yapılı.Kodlardan da çok anlamıyorum.Lakin düzenleme yapardım.

Bu soruna ise akıl sır erdiremiyorum.

Ek Olarak:

ErcanDinsel adlı üyeden alıntı

Hocam reset dosyası olarak hangisini kullanıyorsunuz?

Hocam sizde nasıl görünüyor resim çeker mısınız ?

Hatasız Gözüküyorsa baktığınız tarayıcıyı, tarayıcının sürümünü ve ekran çözünürlüğünü yazarsanız sevinirim.

07.02.2015 22:03

#6

cgrclk Fortis Fortuna Adiuvat Kullanıcı

Üyelik 18.11.2011
Yaş/Cinsiyet 34 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad B** Ç**
Mesajlar 3270
Beğeniler 1014 / 1983
Ticaret 53, (%100)

Css ile alakalı olmadığı açık. Blokların içlerinde konu yok. Sadece başlık kısımları çıkmış kodlarda. Başka bir sorun var sanırım.

07.02.2015 22:09

#7

CyberAngel WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 43 / E
Meslek Eğitmen
Konum Artvin

Ad Soyad H** M**
Mesajlar 79
Beğeniler 1 / 0
Ticaret 0, (%0)

cgrclk adlı üyeden alıntı

Css ile alakalı olmadığı açık. Blokların içlerinde konu yok. Sadece başlık kısımları çıkmış kodlarda. Başka bir sorun var sanırım.

İşte bende onu anlamıyorum.

Şuan bir proxsy sitesi üzerinden siteye baktığımda sorun yok.

Ama ben hangi tarayıcıdan baksam, hangi çözünürlükten baksam sorun var.

Bazı bilgisayarlarda sorun yok.

Bazılarında var.

Daha sorunun ne olduğunu anlayamadım.

O yüzden çözüm üretemiyorum.

Ek Olarak: Mesela bende resimdeki gibi sorunlu.

https://hide.me/en/proxy sitesi üzerinden baktığımda sorun yok

https://www.proxfree.com/ sitesi üzerinden baktığımda sorun var...

https://www.filterbypass.me/ sitesi üzerinden baktığımda sorun yok

http://websiteproxy.co.uk/ sitesi üzerinden baktığımda sorun var...

Ek Olarak: Arkadaşlar sorunu düzelttim sanırım.Yalnız emin olmam lazım.Online olanlar bakabilir mi acaba siteye ?

Ek Olarak: Dostlar sorunu çözdüm.Css ile ilgili değilmiş.Javascript hatasıymış meğer.

CSS Hatası Olabilir mi

Üye Girişi Yap