Wie verbinden ich "footer" mit "main"nzw "left/right" ?

[justin1234]

Der Footer Soll wie der Header mit Main bzw left right verbunden werden !! Wie geht das ? ......




HTML:

<div id="webseite">
<div id="header"></div>
<div id="main">	<div id="left"></div>    <div id="right"></div></div>
<div id="footer"></div>

CSS:

body {
background-color:#090;
text-align:center;
}


#webseite {
width:980px;
margin: auto; 
text-align:center;
}


#header {
height:100px;
position:fixed;
width:100%;
top:0px;
left:0px;
right:0px;
background-color:#6FC;
}


#main {
width:980px;
margin:0px;
left:0px;
right:0px;
}


#left {
float:left;
width:490px;
height:820px;
background-color:#066;
}


#right {
float:right;
width:490px;
height:820px;
background-color:#6F6;
	
}


#footer {
position: fixed;
bottom: 0px;
right:0px;
left: 0px;
width: 100%;
height: 100px;
background-color: #FF3;
}

 

[threadi]

Schau dich hier im Forum und im Web nach "footer sticky alt" um. Da gibt es einige Beschreibungen wie man das erreichen kann. Hier z.B.:
Home