Div Ortalama Sorunu

12-02-2010, 10:24:24

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

Haplo

#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

~~medya~~

Ü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

Hardaman

arkadaşlar cevaplarınız için teşekkür ederim ancak ikiside olmadı

12-02-2010, 11:53:03

#5

Haplo

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

_BuKi_

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

~~Webustad~~

Ü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

Hardaman

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

~~eNerGy~~

Ü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.