Футър

[lam3r4370]

Как мога да направя ,така че ,когато инклудвам футъра той да се появява в края на страницата пробвах с bottom:0px; ,но не става



+1

 

[jefriii]

с algin=left нещо такова

 

[peter_ew]

<style>
.header {
position: absolute;
bottom: 0px;
}
</style>

 

[lam3r4370]

Пак не става

 

[shterev]

body {
   min-height:400px; 
   position:relative;
}

#footer {
    width:500px; height:100px;
    border: solid 1px #000000;
    position: absolute; left:10%; bottom:0px;
}



 <body>
        <div id="footer"></div>
</body>

 

[lam3r4370]

Май аз не правя нещо както трябва ето ми го цсс

body {
background:url(images/fon.gif) repeat;
}

#kazan {
	position:absolute;
	background: url(head2.jpg) no-repeat;
	width:1000px;
	height:100%;
	left:0px;
	top:0px
}

#kontakt {
	position:absolute;
	top:345px;
	right:18%;
}

#krai  {
	width:500px; height:100px;
    border: solid 1px #000000;
    position: absolute; left:10%; bottom:0px; 	
	
}

#ingz {
	background:url(images/novini.gif);
	width:443px;
	height:173px;
	position:absolute;
	top:345px;
	right:20%;
	border:1px solid red;
}


#search {
	overflow:scroll;
	position:absolute;
	top:345px;
	right:20%;
	border:1px solid red;
}

#profil {
	background:url(images/novina.gif);
	width:442px;
	height:293px;
	position:absolute;
	top:345px;
	right:20%;
}


#idto {
	background:url(images/novini.gif);
	width:443px;
	height:173px;
	position:absolute;
	top:345px;
	right:20%;
	border:1px solid red;
}


#kat {
	background:url(images/novini.gif) no-repeat;
	width:43px;
	height:25px;
	position:relative;
	top:-345px;
	margin-left:500px;
	margin-top:-24px;
}

#umno {
	position:absolute;
	top:350px;
	right:300px;
	
}

#prosto {
	position:relative;
	top:-535px;
	*top:-500px;
	left:450px;
	background:url(images/novini.gif) no-repeat;
	width:443px;
	height:173px;
	clear:right;
	text-align:justify;
	padding-top: 0px;

}
#prosto:hover {
	color: #59685b;
	text-indent:0.5cm;
	

}





#nameto {
	position:relative;
	top:-470px;
	margin-left:500px;
}

td.nav {
	background: url(images/menu-kvadrat.gif) no-repeat;
	width:295px;
	height:120px;
	position:absolute;
	top:5px;
	*top:37px;
	right:83px;
	*right: 85px;
}







#idnss {
	position:relative;
	width:374px;
	height:472px;
	top:497px;
	left:0px;
}
#idnsss {
	position:absolute;
	width:472px;
	height:200px;
	top:320px;
	right:120px;
}

#pi {
	text-align:justify;
	position:absolute;
	top:350px;
	right:18%;
}

#savet {
text-align:justify;
position:absolute;
top:390px;
right: 20%;
}

#button {
	position:absolute;
	width:1006px;
	height:248px;
	top:645px;
	left:400px;
}
#idn {
	background:url(images/up-menu.gif) no-repeat;
	position:relative;
	width:1000px;
	*width: 980px;
	height:360px;
	top:240px;
	*top:233px;
	right:8px;
	*right:11px;
	padding-top:15px;
	padding-left:7px;
}
#idn a {
	padding:5px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Sans-Serif;
	font-size: 15px; 
}
#idn a:hover {
	font-weight:bolder;
	text-decoration: underline;
	font-family: Verdana, Sans-Serif;
	font-size: 15px; 
	color:#3D64FF;
}
#idn a:visited {
	font-weight:bold;
	font-family: Verdana, Sans-Serif;
	font-size: 13px; 
	color:#660066;
}

#idns {
	background:url(images/menu2.gif) no-repeat;
	position:absolute;
	width:591px;
	height:600px;
	top:340px;
	*top: 360px;
	left:0px;
}

#krai ми е футъра

 

[vankich]

Сложил си position: absolute на всичките си див-ове и всеки си е сам за себе си. Пробваи да си наредиш елементите без absolute или го използвай минимално.

 

[DeathGuard_]

Сложил си position: absolute на всичките си див-ове и всеки си е сам за себе си. Пробваи да си наредиш елементите без absolute или го използвай минимално.

Да, сложи всичко с един голям див и на него дай позишън за да не се считат всеки за отделен и другите си ги реди - защо всички слагате по 50 position: absolute; и аз незнам.

 

[lam3r4370]

Защото това ми е първият цсс код. по-добре е php

 

[shterev]

като гледам как си нацвъкал позишъните, мн ясно че няма да работи. По принцип за да работи добре се прави родител с посишън релатив и в него позишън абсолют.Но както казват по-горе , вземи се научи с float , че е най-добрия метод, не с тез позишъни, като го отвориш на друга резолюция да ти се чупи от всякъде.
http://videotutorials-bg.com/lessons.php?action=viewsub&id=26
Разгледай уроците и ще видиш за какво говоря.

 

[dkalinkov]

просто го инклудваш най-отдолу в кода :?: