div ile yatay ortalama sorunu

22-03-2010, 19:25:37

arkadaşlar div ile site yapmaya başladım. fakat sayfayı ortalayamıyorum. tablo gibi sayfayı ortalamak istiyorum.

body{
background-image:url( ../images/arka.jpg );
background-repeat:repeat-x;
background-color:#FBEACE;
font-family:Tahoma;
font-size:12px;
color:#000000;
}
#ust{
width:780px;
height:110px;
background-image:url( ../images/ust.png );
background-repeat:no-repeat;
}
#logo{
width:84px;
height:102px;
background-image:url( ../images/logo2.png );
background-repeat:no-repeat;
margin-left:9px;
margin-right:0px;
margin-top:6px;
}

<div id="ust">
<div id="logo">
</div></div>

ust olan kısmın sayfayı yatay ortalaması için ne yapmam gerekiyor.

<div id="ust" align="center">
<div id="logo">
</div></div>

bu şekildede denedim fakat olmadı. yardımcı olursanız sevinirim..

22-03-2010, 19:48:19

#2

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

ortalamak istediğin class'a şunu yaz
margin:0px auto;

22-03-2010, 19:55:11

#3

crazyking

body e text-align:center; ekle

taşıyıcı bi class oluştur
margin:0px auto; değerini ver

sonra
<div class="tasiyici">
diğer divler...
</div>

şeklinde diğer divleri tasiyici classının içine koy.

22-03-2010, 23:14:58

#4

~~ghostdesigner~~

Üyeliği durduruldu

body altına bir genel div ekle. ismi sayfa olsun mesela. genişlik yükseklik belirt ve margin:auto; ekle.

23-03-2010, 16:28:21

#5

optix

Arkadaşlar bende benzer sorun yaşıyorum .

Ben div'i ortalıyorum fakat id olarak belirtiğim Content seçili olduğu zaman ( Dreamweaver'da ) margin değerleri taralı olarak çıkarken içinde bulunan diğer divleri kapsamadığı görülüyor .

Yani taralı alan ( div id Content ) içinde bulanan divleride kapsaması gerekirken onların üzerinde bağımsız bir div gibi duruyor .

Ancak divlerin sıralamasında herhangi bir problem gözükmüyor .

Css Kodları :

body{
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
}

#Content {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 960px;
}

#Header {
	margin: 0;
	padding: 0;
	width: 960px;
}
#HeaderLogo {
	margin: 10px 0 0 0;
	padding: 0;
	width: 960px;
}
#HeaderLogoNepar {
	margin: 0;
	padding: 0;
	width: 190px;
	height: 80px;
	float: left;
}
#HeaderLogoBanner {
	margin: 0;
	padding: 0;
	width: 620px;
	height: 80px;
	float: left;
}
#HeaderLogoNim {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 80px;
	float: left;
}

Body Tagı :

<body>
<div id="Content">
    <div id="Header">
        <div id="HeaderLogo">
        <div id="HeaderLogoNepar"><img src="images/nepar_logo.png" width="190" height="80" alt="Nepar Logo" border="0" /></div>
        <div id="HeaderLogoBanner"><img src="images/flash.png" width="620" height="80" alt="Nepar Banner" border="0" /></div>
        <div id="HeaderLogoNim"><img src="images/nim_logo.png" width="150" height="80" alt="Nim Logo" border="0" /></div>
        </div>
        <div id="HeaderMenu"></div>
    </div>
</div>
</body>

23-03-2010, 16:41:55

#6

~~Teyfo90~~

Üyeliği durduruldu

css yi şu şekilde yaparsanız ortalayabilirsiniz.

#ust{
margin:0 auto;
width:780px;
height:110px;
background-image:url( ../images/ust.png );
background-repeat:no-repeat;
}

ortalayici diye id oluşturup tüm sayfayı onun içerisine alırsanız işiniz kolaylaşır.

örnek

#ortalayici{
margin:0 auto;
width:780px;
}

<div id="ortalayici">
<div id="ust">
<div id="logo">
</div></div></div>

23-03-2010, 16:46:02

#7

BuRaKM

www.yakuter.com/css-ile-siteyi-ortalama/

Bunu kullanabilirsin .

13-04-2010, 13:09:39

#8

KalpdE

Eposta Aktivasyonu Gerekmekte

eger amacın divi exprolar penceresinde ortalamaksa anadiv in css kodlarına ekle kodları incelemeidm ne yapmak istediqin konusunda ama amac oysa cevap bu

)

margin-right: auto;
margin-left: auto;

aıtoyurm

#geneldiv {
height: auto;
width: 920px;
margin-right: auto;
margin-left: auto;
border: 1px solid #F6F8F9;
}

gibi bilmem ne kadar anlatabildim

)