• 09-12-2010, 16:52:47
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba arkadaşlar bir script yazıyorum ve footer'ın width değerinin %100 olması gerekiyor. Yani çözünürlük ne olursa olsun footerın ekranı kaplaması gerekiyor. Header için de aynı durum geçerli, headerda istediğim şeyi çok kolay bir şekilde yaptım ancak footerda bir türlü yapamadım. Footer sürekli wrapper değerine sabitleniyor. Footer css kodları aşağıda, yardım edebilirseniz çok memnun olurum.

    #footer{
    	left: 0;
    	width:100%;
    	background-image: url('resimler/header_arkaplan.png');
    	height: 150px;
    	clear:both;
    	text-align: center;
    }
  • 09-12-2010, 16:59:33
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Tasarımınıza reset.css eklemediniz sanırsam ?
  • 09-12-2010, 17:12:02
    #3
    Hayır AycanB reset.css dosyasını eklemedim. Bu durum reset.css le doğrudan mı ilişkilidir?
  • 09-12-2010, 17:37:45
    #4
    width yüzde yüz diyorsun ama wrapper atıyorum 900 px ise o maksimum 900 px olur.footerı wrapperın dışına al.
  • 09-12-2010, 21:02:48
    #5
    Ogulcan adlı üyeden alıntı: mesajı görüntüle
    Hayır AycanB reset.css dosyasını eklemedim. Bu durum reset.css le doğrudan mı ilişkilidir?
    Doğrudan değil ben sağ ve solda boşluk kaldı sandım.

    Html kodlarını ve css kodlarını paylaşırsan sorunu çözeriz.
  • 09-12-2010, 21:45:21
    #6
    Üyeliği durduruldu
    Footerın hangi div in içinde ve o div in boyutlarını da 100% de yaparsan eğer sorun ortadan kalkmış olacak.
  • 10-12-2010, 01:21:54
    #7
    AycanB adlı üyeden alıntı: mesajı görüntüle
    Doğrudan değil ben sağ ve solda boşluk kaldı sandım.

    Html kodlarını ve css kodlarını paylaşırsan sorunu çözeriz.
    CrimaL adlı üyeden alıntı: mesajı görüntüle
    Footerın hangi div in içinde ve o div in boyutlarını da 100% de yaparsan eğer sorun ortadan kalkmış olacak.
    Footer.php kodları şu şekilde:

    Alıntı
    <div id="footer">

    <p>
    Copyright © 2010 <?php bloginfo(‘name’); ?>
    </p>

    </div>
    Css'de ilgili kodlar da şu şekilde:

    body, h1, h2, h3, h4, h5, h6, blockquote, p{
    	margin: 0;
    	padding: 0;
    }
    
    body{
    	background-image: url('resimler/arkaplan.png');
    	margin: 170px 0 0 0;
    	font-family: Arial,Helvetica,Georgia,Sans_Serif;
    	font-size:12px;
    	text-align:left;
    	vertical-align:top;
    	color:#f1f1f1;
    }
    
    h1{
    	font-family: Georgia, Sans-serif;
    	font-size: 24px;
    	padding: 0 0 10px 0;
    }
    
    a:link{
    	text-decoration: underline;
    	color: #b8ea37;
    }
    
    a:visited{
    	text-decoration: underline;
    	color: #b8ea37;
    }
    
    a:hover{
    	text-decoration: none;
    }
    
    p{
    	padding: 10px 0 0 0;
    }
    
    #wrapper{
    	margin: 0 auto 0 auto;
    	width: 1050px;
    	text-align: left;
    }
    
    #header{
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height:160px;
    	background-image: url('resimler/header_arkaplan.png');
    	z-index:1;
    }
    
    #container{
    	margin: 0 0 20px 20px;
    	float: right;
    	width: 710px;
    }
    
    #footer{
    	left: 0;
    	width:100%;
    	background-image: url('resimler/footer_arkaplan.png');
    	height: 150px;
    	margin: 20px 0 0 0;
        clear:both;
    	text-align: center;
    }
    İndex.php sayfasında da footer </body> tagından hemen önce geliyor.
  • 10-12-2010, 10:13:20
    #8
    Ogulcan adlı üyeden alıntı: mesajı görüntüle
    Footer.php kodları şu şekilde:



    Css'de ilgili kodlar da şu şekilde:

    body, h1, h2, h3, h4, h5, h6, blockquote, p{
    	margin: 0;
    	padding: 0;
    }
    
    body{
    	background-image: url('resimler/arkaplan.png');
    	margin: 170px 0 0 0;
    	font-family: Arial,Helvetica,Georgia,Sans_Serif;
    	font-size:12px;
    	text-align:left;
    	vertical-align:top;
    	color:#f1f1f1;
    }
    
    h1{
    	font-family: Georgia, Sans-serif;
    	font-size: 24px;
    	padding: 0 0 10px 0;
    }
    
    a:link{
    	text-decoration: underline;
    	color: #b8ea37;
    }
    
    a:visited{
    	text-decoration: underline;
    	color: #b8ea37;
    }
    
    a:hover{
    	text-decoration: none;
    }
    
    p{
    	padding: 10px 0 0 0;
    }
    
    #wrapper{
    	margin: 0 auto 0 auto;
    	width: 1050px;
    	text-align: left;
    }
    
    #header{
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height:160px;
    	background-image: url('resimler/header_arkaplan.png');
    	z-index:1;
    }
    
    #container{
    	margin: 0 0 20px 20px;
    	float: right;
    	width: 710px;
    }
    
    #footer{
    	left: 0;
    	width:100%;
    	background-image: url('resimler/footer_arkaplan.png');
    	height: 150px;
    	margin: 20px 0 0 0;
        clear:both;
    	text-align: center;
    }
    İndex.php sayfasında da footer </body> tagından hemen önce geliyor.
    Footer'i çevreleyen bir div olması lazım. sen site adresini gönder .
  • 10-12-2010, 15:54:36
    #9
    AycanB adlı üyeden alıntı: mesajı görüntüle
    Footer'i çevreleyen bir div olması lazım. sen site adresini gönder .
    http://www.fizikoyunlari.com site adresi bu AycanB.