float sorunu

**isemba** · 01.03.2006 10:47

Merhaba iki tane divi yan yana koymak istiyorum ancak float verince #container içindeki divlerin yüksekliğini firefoxta almıyor. #containerin yüksekliğini koruyarak iki divi nasıl yanyana gösterebilirim. Forumda buna benzer bir konu vardı ama çözüm olmadı. Bir soru daha soldaki divin yüksekliğine göre sağdakinide boyutlandırabilirmiyim?

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;
}
#header {
	font-family: "Trebuchet MS";
	width: 450px;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo {
	width: 200px;
}
-->
</style>
</head>

<body>
<div id="container">
<div id="logo"> <a href="CSS.HTML">logo</a></div>
<div id="header">header</div>
</div>
</body>
</HTML>

**oky** · 01.03.2006 16:40

merhaba, ilk sorunu pek anlamadım ama ikinci soruna bir önerim var.

isemba tarafından gönderilen mesaj:

Bir soru daha soldaki divin yüksekliğine göre sağdakinide boyutlandırabilir miyim?

eğer divleri eşit yükseklikte tutmak istemenin sebebi div lerin farklı renkte olması (ve bu yüzden göze düzgün görünmesini istemen) ise, bu iki div i içine alan ana div e miniminik bir arkaplanı koyarak halledebilirsin. ne bileyim mesela 10 px yüksekliğinde ve ana div genişliğinde bir imajda tam div lerin geleceği yerleri (div lerin genişliğinde ve renginde) boyarsın ve ana div'in arkasına dikine döşersin. fıstık gibi olur valla, ben hep öyle yapıyorum

**cemshid** · 02.03.2006 11:48

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;
}
#header {
	font-family: "Trebuchet MS";
	width: 450px;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo {
	width: 200px;
}
div.cl{
clear:both;line-height:1px;font-size:1px;height:1px;
}
-->
</style>
</head>

<body>
<div id="container">
<div id="logo"> <a href="CSS.HTML">logo</a></div>
<div id="header">header</div>
<div class="cl">&nbsp;</div>
</div>
</body>
</HTML>

denermisin bi?

**isemba** · 02.03.2006 12:17

Evet çalıştı, çok teşekkürler...

yanlız bi an düşündümde insanların border=0 ve spacer.gif keşfetmelerinin sebebide sorunlarmıydı... Yani aslında web standartlarına uyum sağlayamamalarının sebebi sorunlarmıydı. Eğer öyleyse şimdiki standartlarıda insanlar delecek, şimdi yaptığımız gibi...

Bide kişisel görüşüm Explorerı bende sevmiyorum Firefox ada böyle bir hatayı yakıştıramadım açıkcası...

**cemshid** · 02.03.2006 13:21

Firefox'un ki hata değil aslında, doğrusu o yani..

**isemba** · 02.03.2006 13:42

Aslına bakarsan ben senden biraz farklı düşünüyorum. Çünkü dediğin gibi olsa float verilmiş kutunun containera değilde sayfanın köşesine yaslanması gerekirdi bence.

**cemshid** · 02.03.2006 15:23

isemba tarafından gönderilen mesaj:

Aslına bakarsan ben senden biraz farklı düşünüyorum. Çünkü dediğin gibi olsa float verilmiş kutunun containera değilde sayfanın köşesine yaslanması gerekirdi bence.

orda demek istediğimi, burda daha etraflıca açıklamaya çalışayım basit bir örnekle

şimdi diyelimki çerçeveli alanımız bir yüzme havuzu..
içindeki kutucuklarda, havuzda yüzen insanlar olsun, aslında yüzen insanlar değil, havuzumuz biraz sığ olduğu için ayakta duran insanlar olsunlar.. herbiri yere sağlam bastığı için, üstünden falan geçemiyosun adamcağızların..

birisine "yahu kardeşim sen float:left'sin" dediğin zaman şöyle bi tepki veriliyor..
float:left olan ayaklarını havuzun dibinden kaldırıp sırtüstü yüzmeye başlıyor, diğer herkeste kafayı suyun içine sokuyor, böylece float:left olan çerçevesinin yani havuzun en soluna kadar hiçbir engele uğramadan yüzebiliyor..

iyi de neden çerçevenin alanı değişiyor ki?
senin koduna dönersek, havuzumuz da iki kişi var, birisi float:left birisi float:right.. ikisi de havuzda sırtüstü yatmışlar bi sağda bir solda dinleniyorlar..

havuzun tabanına basan ayak olmadığı içinde, havuz diyor ki, "e kimse yok bu havuzda yahu, sanırım gece oldu, ben kapatayım kendimi de fuzuli yer kaplamayayım.."

pff biraz garip benzetme oldu ama tez zamanda resimlerle anlatan bişi hazırlıcam valla... bayılıyorum havuz örneğine

**isemba** · 02.03.2006 15:42

sagol tesekkürler

**sahip** · 02.03.2006 16:25

cemshid tarafından gönderilen mesaj:

orda demek istediğimi, burda daha etraflıca açıklamaya çalışayım basit bir örnekle

şimdi diyelimki çerçeveli alanımız bir yüzme havuzu..
içindeki kutucuklarda, havuzda yüzen insanlar olsun, aslında yüzen insanlar değil, havuzumuz biraz sığ olduğu için ayakta duran insanlar olsunlar.. herbiri yere sağlam bastığı için, üstünden falan geçemiyosun adamcağızların..

birisine "yahu kardeşim sen float:left'sin" dediğin zaman şöyle bi tepki veriliyor..
float:left olan ayaklarını havuzun dibinden kaldırıp sırtüstü yüzmeye başlıyor, diğer herkeste kafayı suyun içine sokuyor, böylece float:left olan çerçevesinin yani havuzun en soluna kadar hiçbir engele uğramadan yüzebiliyor..

iyi de neden çerçevenin alanı değişiyor ki?
senin koduna dönersek, havuzumuz da iki kişi var, birisi float:left birisi float:right.. ikisi de havuzda sırtüstü yatmışlar bi sağda bir solda dinleniyorlar..

havuzun tabanına basan ayak olmadığı içinde, havuz diyor ki, "e kimse yok bu havuzda yahu, sanırım gece oldu, ben kapatayım kendimi de fuzuli yer kaplamayayım.."

pff biraz garip benzetme oldu ama tez zamanda resimlerle anlatan bişi hazırlıcam valla... bayılıyorum havuz örneğine

bu kadar güzel anlatılır.
bence hemen cemshid.com da bu yazıyı gir.
elbette resimlisi daha güzel olcaktır.

vallahi çok güzel .
yahu cidden çok güzel anlatmışsın.

harika yahu.

**cok_yasa_kamil** · 02.03.2006 17:08

peki madem öyle, buradaki sorunu havuzdan ayaklarını dışarıya çıkarmaya çalışan adam olarak örneklendirebilir miyiz?

Konu Başlığı: float sorunu

Konuyu Paylaş

Seçenekler

float sorunu

Re: float sorunu

Re: float sorunu

Re: float sorunu

Re: float sorunu

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