float sorunu

isemba · 01.03.2006

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

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

Alıntı:

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

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

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

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

isemba · 02.03.2006

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

Alıntı:

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

sagol tesekkürler

sahip · 02.03.2006

Alıntı:

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

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

02.03.2006	#4 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: float sorunu 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ı...

02.03.2006	#5 (permalink)
cemshid Üyelik Tarihi: 19.07.2000 Yer: Istanbul,Turkiye Yaş: 26 Mesaj: 757	Re: float sorunu Firefox'un ki hata değil aslında, doğrusu o yani.. __________________ 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...

02.03.2006	#6 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: float sorunu 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.

02.03.2006	#8 (permalink)
isemba Üyelik Tarihi: 21.07.2004 Yer: istanbul Yaş: 24 Mesaj: 24	Re: float sorunu sagol tesekkürler

02.03.2006	#10 (permalink)
cok_yasa_kamil Üyelik Tarihi: 22.10.2000 Yer: Antalya Yaş: 29 Mesaj: 628 Görsel: 1	Re: float sorunu peki madem öyle, buradaki sorunu havuzdan ayaklarını dışarıya çıkarmaya çalışan adam olarak örneklendirebilir miyiz? __________________ kişisel site kişisel şeyler...

Sponsorlu Bağlantılar
Zoque.Forum Reklam