• 12-02-2010, 10:24:24
    #1
    Arkadaşlar Merhaba

    Daha önce de kolaylıkla yaptığım birşeyi saatlerdir uğraşıyorum desem yeri şu an yapamıyorum. Div'in background resmi var margin-top:200px veriyorum ve margin:auto yapıyorum ortalanması için sadece top değeri değişiyor.margin-right:auto ve margin-left:auto yaptım onlarda yemedi uzun lafın kısası bir türlü düzenleyemedim. Kodlar aşağıya ekledim sizce sorun ne olabilir ?

    CSS Kodları
    #content{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	width:946px;
    	height:410px;
    	background-image:url(feature-background.png);
    	margin:auto;
    	margin-top:400px;
    }
    Html Kodları

    <div id="content" align="center">
    deneme sayfa deneme sayfa
    </div>
    Reklam amaçlı değildir. Sadece görmek isteyen olursa link aşağıda

    http://www.ozanbaysal.com.tr/web/
  • 12-02-2010, 10:30:01
    #2
    #content{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	width:946px;
    	height:410px;
    	background:url(feature-background.png)  center;
    	margin:400px auto 0 auto;
    }
    denermisin
  • 12-02-2010, 11:12:50
    #3
    Üyeliği durduruldu
    Hardaman adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar Merhaba

    Daha önce de kolaylıkla yaptığım birşeyi saatlerdir uğraşıyorum desem yeri şu an yapamıyorum. Div'in background resmi var margin-top:200px veriyorum ve margin:auto yapıyorum ortalanması için sadece top değeri değişiyor.margin-right:auto ve margin-left:auto yaptım onlarda yemedi uzun lafın kısası bir türlü düzenleyemedim. Kodlar aşağıya ekledim sizce sorun ne olabilir ?

    CSS Kodları
    #content{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	width:946px;
    	height:410px;
    	background-image:url(feature-background.png);
    	margin:auto;
    	margin-top:400px;
    }
    Html Kodları

    <div id="content" align="center">
    deneme sayfa deneme sayfa
    </div>
    Reklam amaçlı değildir. Sadece görmek isteyen olursa link aşağıda

    http://www.ozanbaysal.com.tr/web/
    bu şekilde bir dene

    <style>
    
    body{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	background-image:url(DoveShine.jpg);
    
    }
    
    #content{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	width:946px;
    	height:410px;
    	background-image:url(feature-background.png);
    	margin:auto;
    	margin-top:400px;
    }
    </style>
    <body>
    <div id="content" align="center">
    deneme sayfa deneme sayfa
    </div>
  • 12-02-2010, 11:34:33
    #4
    arkadaşlar cevaplarınız için teşekkür ederim ancak ikiside olmadı
  • 12-02-2010, 11:53:03
    #5
    sanırım budur
    body{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	background:url(DoveShine.jpg) center;
    }
    #content{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	width:946px;
    	height:410px;
    	background:url(feature-background.png) center;
    	margin:400px auto 0px auto;
    }
  • 12-02-2010, 12:01:20
    #6
    Kimlik doğrulama veya yönetimden onay bekliyor.
    hocam ekstra olarak body'nin css sınıfına margin:0; padding:0; verin birde.
  • 12-02-2010, 12:07:16
    #7
    Üyeliği durduruldu
    body'de arka planı sabitlemek için kullanılan pozisyon tag'ı yanlış kullanılmış. Bu nedenden yapıyor.

    background-attachment:fixed;
    background-position:center; 
    background-repeat:no-repeat;
    kullanırsan doğrusu olur. Kutunun aşağıda olması ise 400 değerinin büyüklüğünden kaynaklı.
  • 12-02-2010, 12:27:06
    #8
    body{
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size:20px;
    	background-image:url(DoveShine.jpg);
    	background-attachment:fixed;
    }
    #content{
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:20px;
        width:946px;
        height:410px;
        background-image:url(feature-background.png);
        background-position:center; 
        background-repeat:no-repeat;
        margin:400px auto 0px auto;
    }
    arkadaşlar hepinize teşekkür ederim @Webustad ayrıca teşekkür ederim. Dediğin gibi body'de bulunan position'ı kaldırdım ve background-attachment:fixed; yaptığımda sorun düzeldi margin-top:400px'i kendim verdim orda bir sorun yok...
    Tekrar Teşekkürler
  • 12-02-2010, 12:32:19
    #9
    Üyeliği durduruldu
    body{
    width:100%;
    }

    #content{
    margin:400px auto;
    }

    content kısmında marginleri şu şekilde verip body'de width:100% eklersen sorunun düzelecektir.