İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

İki sutun birlikte uzasınlar ?

gkaradagan

0
İyinet Üyesi
Katılım
13 Ağustos 2008
Mesajlar
4
Reaction score
0
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

attachment.php


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

0
İyinet Üyesi
Katılım
29 Mart 2010
Mesajlar
332
Reaction score
9
Konum
İstanbul
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

0
İyinet Üyesi
Katılım
13 Ağustos 2008
Mesajlar
4
Reaction score
0
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

0
İyinet Üyesi
Katılım
29 Mart 2010
Mesajlar
332
Reaction score
9
Konum
İstanbul
Kod:
margin-bottom: -2000px; padding-bottom: 2000px;
leri ihtiyacınıza göre arttırabilirsiniz.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

seo ajansı , sosyal medya yönetimi
Üst