• 30-07-2014, 20:17:30
    #1
    /* İÇERİK */
    .manset {
    width: 980px;
    background-color: #fff;
    margin-top: 150px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding: 7px 7px 7px 7px;
    }
    .manset h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    }
    .manset img {
    width:125px;
    height:100px;
    float:left;
    }
    .manset p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width:490px;
    }
    #manset1 {
    margin-bottom: 70px;
    position:absolute;
    width:490px;
    float:none;
    }
    #manset2 {
    margin-bottom: 70px;
    position:absolute;
    width:490px;
    float: right;
    }
    <div class="icerik">
    	<div class="manset">
    	<div id="manset1">
    	<h2>CSS Arkaplan Dersi</h2>
    	<img src="images/manset1.jpg" alt="manşet1"/>
    	<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabıdır.</p>
    
    	<h2>CSS Arkaplan Dersi</h2>
    	<img src="images/manset1.jpg" class="sag" alt="manşet1"/>
    	<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabıdır.</p>
    
    	</div>
    	<div id="manset2">
    	<h2>CSS Arkaplan Dersi</h2>
    	<img src="images/manset1.jpg" alt="manşet1"/>
    <p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabıdır.</p>
    	<h2>CSS Arkaplan Dersi</h2>
    	<img src="images/manset1.jpg" class="sag" alt="manşet1"/>	
    <p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabıdır.</p>
    	</div>
    	<div class="temizle"></div>
    	<div class="content"></div>
    	<div class="sidebar"></div>
    	</div>
    	</div>
    Yapmak istediğim, manşetin birini sağ birini sola koymak. Ancak ne yaptıysam başaramadım. Yani istediğim divler aşağıdaki gibi olmalı:

    Yardımlar için teşekkür ederim.
  • 30-07-2014, 20:19:35
    #2
    position ile float aynı anda kullanamazsınız. position:absolute; kaldırmalısınız.
  • 30-07-2014, 21:04:02
    #3
    moss218 adlı üyeden alıntı: mesajı görüntüle
    position ile fixed aynı anda kullanamazsınız. position:absolute; kaldırmalısınız.
    position: fixed; yok ki hocam iki tane absolute var.

    Ben bu konuyu anlamadım ama, absolute ve relative in farkı nedir?

    Ayrıca burdaki hatam nedir?
  • 30-07-2014, 21:05:47
    #4
    RainManTR adlı üyeden alıntı: mesajı görüntüle
    position: fixed; yok ki hocam iki tane absolute var.

    Ben bu konuyu anlamadım ama, absolute ve relative in farkı nedir?

    Ayrıca burdaki hatam nedir?
    fixed i kendi tasarımımda yazarken size de dalgınlıkla yazmışım.

    position ile float beraber kullanılamaz. position:absolute; kaldırmalısınız.
  • 30-07-2014, 21:26:47
    #5
    moss218 adlı üyeden alıntı: mesajı görüntüle
    fixed i kendi tasarımımda yazarken size de dalgınlıkla yazmışım.

    position ile float beraber kullanılamaz. position:absolute; kaldırmalısınız.
    teşekkürler ama hepten tasarımı uçurdum

    şimdi sıkıntı şu, logonun hemen altından başlatıyor navbarı mı.

    Eğer logoya float verirsem dağılıyor, position verirsem alttaki divin içine giriyor :S

    resim: http://prntscr.com/47w2ab
  • 30-07-2014, 23:39:23
    #6
    Kimlik doğrulama veya yönetimden onay bekliyor.
    son halinin kodunu ve sorunu yazarsaniz bir bakalim neymis derdi kodlarin....
  • 01-08-2014, 20:17:43
    #7
    .icerik .manset ve .manset1 divlerine float:left; .manset2 divine float:right; ver, positionları kaldır.
    .