float sorunu

**isemba** · 02.03.2006 17:14

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 10:14

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 01:38

Ç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 17:03

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 17:11

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

Konu Başlığı: float sorunu

Konuyu Paylaş

Seçenekler

Re: float sorunu

Re: float sorunu

Re: float sorunu

Re: float sorunu

Re: float sorunu

Bu konu başlığı için etiketler

Mesaj Seçenekleri