float sorunu - 2. Sayfa

isemba · 02.03.2006

biraz düşündümde bu havuz örneği biraz saçma sanırım... şöyleki verdiğin örneğe göre divlerin hepsinin z-indexlerini aynı verirsek containerin boyunun içindeki kutucuklardan boyu en yüksek olanla eşitlenmesi gerekirdi. Explorer düzgün gösterirken Firefox yine containerin boyutunu eşitlemiyor. bence firefoxun bir hatası...

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//TR" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
<title>Untitled Document</title>
<style type="text/CSS">
<!--
#container {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	z-index: 1;
}
#header {
	font-family: "Trebuchet MS";
	width: 450px;
	float: left;
	z-index: 1;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo {
	width: 200px;
	float: left;
	z-index: 1;
}
-->
</style>
</head>

<body>
<div id="container">
<div id="logo"> logo
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="header"> header
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</div>
</body>
</HTML>

cemshid · 03.03.2006

tamam havuzdaki dalmalar çıkmalar kafanı karıştırdı..

yepyeni bir örnekle anlatmaya çalışıcam..

kasnak nedir biliyorsundur, nakış yaparken hatunların kullandığı içice geçmiş iki çember, kumaşı gergin tutar..
şimdi biz elimizdeki kumaşı yani "container"ımızın üst kısmını bir yüzeye sabitlediğimizi düşün sıkıştırarak..
ve biz kumaşımıza nakış değil de, incecik çıtalardan(border gibi düşün bunlarıda) oluşturulmuş dikdörtgenler iliştiriyoruz, her tarafından kumaşa dikerek.. ama kumaşımız aslında yeterli uzunlukta değil, o yüzden gerdikçe geriyoruz..

block level element yani h1 ve türevleri, div, p gibi elementlerimizin hepsinin yerlerini çıtalar(borderlar) ile belli edip, çıtaları kumaşa sabitledik gererek..

işte float:left ya da float:right dediğimiz de, gene kumaşın hemen üstünde kalıyorlar, batması çıkması yok, ama tutturduğumuz ipleri kesiyoruz kumaştan.. e öyle olunca da kumaş ilk haline yani gerilmemiş haline dönüyor..

yani herhangi bir üste çıkma, batma yok, dolayısıyla z-index'le alakası da yok..

Python · 04.03.2006

Çok şahane bi insansın hakkatten iyi anlatmışsın bukadar mı güzel örneklendirilir.
Biraz daha kassan ev hanımlarına bile xhtml kodlamayı öğretceksin

hayvanAdam · 04.12.2007

nede eski bir başlıkmış bu

delirmiş bir şekilde googleda aranırken adres yine zoque herneyse sorun benzer ama Firefox değil Explorer 7

float:left bir element position: absolute bir elementin üstüne çıkıyor...

varmı bir fikri olan?

hayvanAdam · 04.12.2007

float: left olan elemente alakasız bir yerde position: relative demişim

Explorer 7 de position: relative, position: absolute ün üstünde kalıyormuş demek...

03.03.2006	#12 (permalink)
cemshid Üyelik Tarihi: 19.07.2000 Yer: Istanbul,Turkiye Yaş: 26 Mesaj: 757	Re: float sorunu tamam havuzdaki dalmalar çıkmalar kafanı karıştırdı.. yepyeni bir örnekle anlatmaya çalışıcam.. kasnak nedir biliyorsundur, nakış yaparken hatunların kullandığı içice geçmiş iki çember, kumaşı gergin tutar.. şimdi biz elimizdeki kumaşı yani "container"ımızın üst kısmını bir yüzeye sabitlediğimizi düşün sıkıştırarak.. ve biz kumaşımıza nakış değil de, incecik çıtalardan(border gibi düşün bunlarıda) oluşturulmuş dikdörtgenler iliştiriyoruz, her tarafından kumaşa dikerek.. ama kumaşımız aslında yeterli uzunlukta değil, o yüzden gerdikçe geriyoruz.. block level element yani h1 ve türevleri, div, p gibi elementlerimizin hepsinin yerlerini çıtalar(borderlar) ile belli edip, çıtaları kumaşa sabitledik gererek.. işte float:left ya da float:right dediğimiz de, gene kumaşın hemen üstünde kalıyorlar, batması çıkması yok, ama tutturduğumuz ipleri kesiyoruz kumaştan.. e öyle olunca da kumaş ilk haline yani gerilmemiş haline dönüyor.. yani herhangi bir üste çıkma, batma yok, dolayısıyla z-index'le alakası da yok.. __________________ cemshid.com : YENİ MAKALE! : Arkaplan Resmi Kaydırmaca Web Standartları : XHTML & CSS Sorunları.. pek tabii çözümleri... cemshid.gen.tr : Türkiye'nin 3. Blogu,.. galiba...

04.03.2006	#13 (permalink)
Python Üyelik Tarihi: 24.06.2005 Yer: ist Yaş: 25 Mesaj: 45	Re: float sorunu Çok şahane bi insansın hakkatten iyi anlatmışsın bukadar mı güzel örneklendirilir. Biraz daha kassan ev hanımlarına bile xhtml kodlamayı öğretceksin

04.12.2007	#14 (permalink)
hayvanAdam Üyelik Tarihi: 17.05.2007 Yer: ISTANBUL Yaş: 28 Mesaj: 94	Re: float sorunu nede eski bir başlıkmış bu delirmiş bir şekilde googleda aranırken adres yine zoque herneyse sorun benzer ama Firefox değil Explorer 7 float:left bir element position: absolute bir elementin üstüne çıkıyor... varmı bir fikri olan? __________________ flv player :: Kırkpınar :: Şarap Sahanda yumurtanın yağdan en öksüz köşesiyim ben, zemine yapışmakta kararlı ve bütünden tamamen aykırı...

04.12.2007	#15 (permalink)
hayvanAdam Üyelik Tarihi: 17.05.2007 Yer: ISTANBUL Yaş: 28 Mesaj: 94	Re: float sorunu float: left olan elemente alakasız bir yerde position: relative demişim Explorer 7 de position: relative, position: absolute ün üstünde kalıyormuş demek... __________________ flv player :: Kırkpınar :: Şarap Sahanda yumurtanın yağdan en öksüz köşesiyim ben, zemine yapışmakta kararlı ve bütünden tamamen aykırı...

Sponsorlu Bağlantılar
Zoque.Forum Reklam