Autor Zpráva
timecode
Profil
Zdravím,
potreboval by som trochu pomôcť.
Robím takýto layout pomocou CSS (to je len "kostra" pre lepšiu predstavu).
Ľavý stĺpec je zarovnaný pomocou float:left a pätička má clear:both. Ale aj tak mi ten text "vyteká". Ak float zruším, tak to je ok, ale tým pádom tam nebude ten stĺpec. Čo je blbé. Chcem aby pätička bola vždy dole. Mohol by mi niekto dať nejaký typ ako na to?
(Fórum a google som prehľadal, ale nič mi nejak nepomohlo...)


Prikladám časť kódu:

html, body {
	height: 100%;
}
 body {
    margin: 0;
 	padding: 0;
	background: #fff;
	color: #000;
	text-align: center;
	min-width: 760px;
	font-size: 11px;
    font-family: "trebuchet ms", helvetica, sans-serif;
}

#main {
 	width: 100%;
	margin: 0 auto;
	text-align: left;
 	background: #ebe9e9;
	min-height: 100%;
	height: 100%;
	position: relative;
 }
 body>#main {
 	height: auto;
 }
 #head {
 	color: #fff;
	background: #d0cdcd;
	height: 183px;
 }
#container{
        padding-top: 5px;
        position: relative;
        width: 980px;
        margin: 0px auto;
        padding-bottom: 10px;

}

 #footer {
	width: 100%;
 	height: 60px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	text-align: center;
	clear:both;
 }
 h2, h3  {
 	font-size: 130%;
 }
 h2 {
 	padding: 0 0 5px 0;
 }
 p { 
	font-size: 1em; 
	color:#333333; 
	line-height:1.6em; 
	margin: 0px 7px 5px 10px; 
	padding:5px 0px 0px 10px;
	background-color: inherit;
}

/*------------------------------ LEFT & MIDDLE & RIGHT CONTENT----------------*/
#left{
       width: 240px;
       text-align:left;
       float:left;
}

#leftcontent{
       padding: 10px 5px 0px 5px;
}

#middle{
       margin-left: 245px;
       width: 660px;
       min-height:400px;
       border-left: 1px dotted #333333;
}

#middlecontent{
       padding: 0px 5px 0px 5px;
}



ĎAKUJEM a pekný deň!!!
timecode
Profil
Tak podarilo sa mi to urobiť, ale zmazal som si to nechtiac. To poteší ...
Toto téma je uzamčeno. Odpověď nelze zaslat.