İki sutun birlikte uzasınlar ?

gkaradagan

Merhabalar birşeyler tasarlamaya çalışıyorum ama burda tıkandım iki kolonun eşit uzamasını sağlamak ıstıyorum bunu JS kodlarıyla yaptım ama saydakı en uzun kolonun height kadar uzatıyor benım ıstedıgım sol ve sağ kolonlar eşit olsun

Resimde Gordugunuz gibi bir turlu heightlar uzamıyor makalelere baktım clear koyun dıyor koyuyorum gene olmadı
Kısaca kodlarıda gosterıyım
Css :

Kod:

.konum {

width:100%; margin-top:5px;
background:url(post.png ) repeat-y left top;
float: left; }


.temizle{
clear:both;
}

.orta {
background-color:#000;
width: 4%;
float:left;
margin-left: 0;



}


.left {
clear:both;
background-color:#FFF;
width: 17%;
float: left;
height: auto;
border-top-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}


.right {

background-color:#FFF;
width: 78%;
float:right;
height: auto;

border-top-width: thin;
border-bottom-width: thin;
border-right-width: thin;
border-top-style: dotted;
border-bottom-style: dotted;
border-right-style: dotted;
border-top-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}

Kodları Kullanıs Tarzım :

Kod:

[FONT=Arial]<div class="konum">

<div class="left">
</div>
[/FONT][FONT=Arial]<div class="orta">
</div> [/FONT]
[FONT=Arial] <div class="right">
</div>
</div> [/FONT]

superweb · 4 Mayıs 2010

Kod:

	 .konum {

width:100%; margin-top:5px;
background:url(post.png ) repeat-y left top;
float: left; }


.temizle{
clear:both;
}

.orta {
background-color:#000;
width: 4%;
float:left;
margin-left: 0;



}


.left {
clear:both;
background-color:#FFF;
width: 17%;
float: left;
height: auto;
border-top-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}


.right {

background-color:#FFF;
width: 78%;
float:right;
height: auto;

border-top-width: thin;
border-bottom-width: thin;
border-right-width: thin;
border-top-style: dotted;
border-bottom-style: dotted;
border-right-style: dotted;
border-top-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}

.konum { overflow: hidden; }
.konum .left,.konum .orta,.konum .right  {margin-bottom: -2000px; padding-bottom: 2000px; }
.konum {
	border-bottom-color: #999;
	border-bottom-width: thin;
	border-bottom-style: dotted;
}

HTML:

<div class="konum">

<div class="left"> </div>
<div class="orta"> </div> 
 <div class="right"> </div>
</div>

Bunu bir dener misiniz?

gkaradagan · 4 Mayıs 2010

Teşekkur ederim sabahtan beri ugrasıyorum ama forumda konular uzadı diyelim ne olucak 2000px altına indi diyelim ? sorun teşkil eder mi

superweb · 4 Mayıs 2010

Kod:

margin-bottom: -2000px; padding-bottom: 2000px;

leri ihtiyacınıza göre arttırabilirsiniz.