Divlerde Sorun

kerem1905 · 13.09.2006

Sayfa içinde <div> ve etiketli kodlar var.
ff de sayfa düzgün ie de sağa kaymış gözüküyor, sabahtan beri bulamadım sorunu en son pes ettim.

kod taslağı şu şekilde:

Kod:

<body>
<center>
<div id="container" align="center">
...
...
...

<p id="baslik">HOŞGELDINIZ...</p>
<div id="happy">
</div>
<div class="desc">
<span class="desc">Lorem Ipsum is simply dummy text of the printing and ...

</span></div>
</div>

</center>
</body>

CSS dosyası ise şu şekilde:

Kod:

#baslik {
font-family:"Tw Cen MT",Arial;
font-size:16px;
color:#a5a8a8;
text-align:left;
font-weight:500;
margin-top:-5px;
margin-left:39px;

}

#happy {
width:210px;
height:239px;
margin-top:10px;
margin-right:-350px;
position:relative;
background-image:url(happy.jpg);
background-repeat:no-repeat;
}

div.desc {
margin-left:30px;
margin-top:-230px;
width:300px;
font-family:"Tw Cen MT",Arial;
font-size:14px;
color:#fff;
text-align:left;
position:absolute;

}

span.desc {
font-family:"Tw Cen MT",Arial;
text-align:left;
font-size:14px;
color:#fff;

}

span dan önce kulalnmıştım fakat yine ie de text sağa kaymış gözüktü.

Şimdiden teşekkürler...

metsatöll · 13.09.2006

edit : tüm mesaji üc defa editledim, kodlarinda fazladan div var gibi gördüm ama acilis div'inin ... önce basladigini görememisim

söyledigin harici ise kodlarinda <center> tagi kullanmaktansa margin:0 auto; kullan

muhammetsevim · 13.09.2006

@metsatöll'ün de belirttiği gibi, tüm align="center" ve <center> etiketlerini silip en üst div'e margin:0 auto; değerini vermek daha mantıklı olacaktır.

mrtksn · 13.09.2006

Bana sanki FF de düzgün IE de sağa kaymış gibi geldi?

amaç yazıları resmin üstüne getirmek mi gerçekten?
eğer öyleyse div in arkapalını istediğiniz bir resim olarak ayarlayıp, yazıları o div içine koymanız daha kolay olacaktır;

kerem1905 · 13.09.2006

@mrtksn ,
hayır tam tersini istiyorum.yazı solda, resim sağda olmalı.
center tagını değiştiriyorum umarım sonuc verir

kerem1905 · 13.09.2006

sorunu çözdüm [ margin:0 auto; kullanarak ] , teşekkür ederim.

metsatöll · 13.09.2006

Bunun disinda,
doctype yazmadan, ie de yapacaginiz her denemede, margin:0 auto; düzgün calismaz bilginiz olsun,

Kodlariniz arasinda bazi yerler gereksiz uzatilmis, asagidaki sekilde revize ettim fikir vermesi acisindan

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" XML:lang="tr" lang="tr">
<head>

<style>

body  {
   background: #606060;
}

#container {
	margin: 0 auto;
	position: relative;
	width	: 800px;
}

#baslik {
font:16px "Tw Cen MT",Arial;;
color:#a5a8a8;
margin:-5px auto auto 39px;

}
#happy {
float:right;
width:210px;
background: url(happy.jpg) no-repeat;
}

div.desc {
width:300px;
margin-left: 30px;
font-family:"Tw Cen MT",Arial;
font-size:14px;
color:#fff;
float:left;
}

span.desc {
font-family:"Tw Cen MT",Arial;
font-size:14px;
color:#fff;

}
</style>
</head>


<body>
<div id="container">

  <p id="baslik">
     hosgeldiniz
  </p>

  <div id="happy">
     happy
  </div>

  <div class="desc">
     <span class="desc">
         Lorem Ipsum is simply dummy text of the printing and ...
     </span>
  </div><br style="clear:both" />
</div>

</body>

kerem1905 · 13.09.2006

ben o kısımları eklemedim kodlar kalabalık yapmasın diye, yoksa onları da ekledim tabili.
Yine de hatırlatma için teşekkürler.

  bu kodun amacı nedir ?

muhammetsevim · 13.09.2006

Alıntı:

kerem1905 tarafından gönderilen mesaj:

ben o kısımları eklemedim kodlar kalabalık yapmasın diye, yoksa onları da ekledim tabili.
Yine de hatırlatma için teşekkürler.

  bu kodun amacı nedir ?

Bunu BR etiketi ile hiç kullanmadım, ama Clear eklenen herhangi bir elementin belirtilen bölgelerine Float elementi ile tanımlanmış bir element yerleştirilemez. Yani örneğin clear:both; eklenmiş bir divin ne sağında ne solunda float ile yerleştirilmiş bir div yer alabilir.

clear:left;
clear:right;
clear:both;
clear:none;

metsatöll · 13.09.2006

@muhammet
Burada clear:both ile ilgili bir konu acilmisti, oradaki tartisma sonucu clear:both en mantikli kullanimin background rengine ayarlanmis bir hr tagi oldugu kanisina varmistim Lautreamont'un kisisel cözümünü söylemesi üzerine,

kisa yolda yazdim buraya ama senin bu konudaki kisisel cözümünü sorabilirmiyim, clear:both degerini nasil kullaniyorsun?

13.09.2006	#2 (permalink)
metsatöll Üyelik Tarihi: 11.07.2001 Yer: Tallinn Yaş: 28 Mesaj: 526 Görsel: 9	Re: Divlerde Sorun edit : tüm mesaji üc defa editledim, kodlarinda fazladan div var gibi gördüm ama acilis div'inin ... önce basladigini görememisim söyledigin harici ise kodlarinda <center> tagi kullanmaktansa margin:0 auto; kullan __________________ Gabfire - Talkntravel

13.09.2006	#3 (permalink)
muhammetsevim Üyelik Tarihi: 26.07.2005 Yer: Bochum Mesaj: 225	Re: Divlerde Sorun @metsatöll'ün de belirttiği gibi, tüm align="center" ve <center> etiketlerini silip en üst div'e margin:0 auto; değerini vermek daha mantıklı olacaktır. __________________ XHTMLMutfağı

13.09.2006	#4 (permalink)
mrtksn Üyelik Tarihi: 27.07.2005 Yer: istanbul - ankara Yaş: 23 Mesaj: 337	Re: Divlerde Sorun Bana sanki FF de düzgün IE de sağa kaymış gibi geldi? amaç yazıları resmin üstüne getirmek mi gerçekten? eğer öyleyse div in arkapalını istediğiniz bir resim olarak ayarlayıp, yazıları o div içine koymanız daha kolay olacaktır; __________________ kişiselayrıcafotojenik mac mi alalım pc mi pojesi

13.09.2006	#5 (permalink)
kerem1905 Üyelik Tarihi: 18.06.2006 Yer: istanbul Yaş: 22 Mesaj: 273 Görsel: 1	Re: Divlerde Sorun @mrtksn , hayır tam tersini istiyorum.yazı solda, resim sağda olmalı. center tagını değiştiriyorum umarım sonuc verir

13.09.2006	#6 (permalink)
kerem1905 Üyelik Tarihi: 18.06.2006 Yer: istanbul Yaş: 22 Mesaj: 273 Görsel: 1	Re: Divlerde Sorun sorunu çözdüm [ margin:0 auto; kullanarak ] , teşekkür ederim.

13.09.2006	#8 (permalink)
kerem1905 Üyelik Tarihi: 18.06.2006 Yer: istanbul Yaş: 22 Mesaj: 273 Görsel: 1	Re: Divlerde Sorun ben o kısımları eklemedim kodlar kalabalık yapmasın diye, yoksa onları da ekledim tabili. Yine de hatırlatma için teşekkürler. <br style="clear:both" /> bu kodun amacı nedir ?

13.09.2006	#10 (permalink)
metsatöll Üyelik Tarihi: 11.07.2001 Yer: Tallinn Yaş: 28 Mesaj: 526 Görsel: 9	Re: Divlerde Sorun @muhammet Burada clear:both ile ilgili bir konu acilmisti, oradaki tartisma sonucu clear:both en mantikli kullanimin background rengine ayarlanmis bir hr tagi oldugu kanisina varmistim Lautreamont'un kisisel cözümünü söylemesi üzerine, kisa yolda <br /> yazdim buraya ama senin bu konudaki kisisel cözümünü sorabilirmiyim, clear:both degerini nasil kullaniyorsun? __________________ Gabfire - Talkntravel

Sponsorlu Bağlantılar
Zoque.Forum Reklam