Hi
I am new to CSS so please be patient.
My problem is my text div does not push dowb the footer. I have been reading all over Internet to find a solution but can not seem to understand. thankfull for all help.
This is my html:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />
<title>Untitled Document</title>
<link rel=“stylesheet” type=“text/css” href=“css2.css” />
<body>
<!-- HEADER !–>
<div id=“header_wrap”>
<div id=“header_black”>
</div>
<div id=“header_menubar_wrapper”>
<div id="header_menubar_center">
<div id="header_menubtn">
</div>
<div id="header_menubtn">
</div>
<div id="header_menubtn">
</div>
<div id="header_menubtn">
</div>
<div id="header_menubtn">
</div>
<div id="header_menubtn">
</div>
</div>
</div>
<!-- HEADER !–>
<!–LOGO!–>
<div id=“logo_wrap”>
<div id=“logo_holder”>
<div id=“logo”>
<img src=“img/logo_head.gif” alt=“logo” width=“111” height=“45”/>
</div>
</div>
</div>
<!–LOGO!–>
<!-- FLASH PLACEHOLDER!–>
<div id=“flash_wrap”>
<div id=“flash_holder”>
jfjfj
</div>
</div>
<!-- FLASH PLACEHOLDER!–>
<!-- COPY !–>
<div id=“copy_wrap”>
<div id=“copy_holder”>
<div id=“copy_column”>
<h3> OM ACORNO</h3><strong><br /> Säker information möjliggör framtida affärer.</strong>
</div>
<div id="copy_margin"></div>
<div id="copy_column">
Acornos affärsidé är att erbjuda produktoberoende konsulttjänster inom risk management, IT- och Informationssäkerhet.<br /><br />
Näringslivet och samhället ställer ständigt ökade krav på tillgängligheten till information. Mot ökad tillgänglighet måste hela tiden vägas behov på sekretess och riktighet.<br /><br />Acorno startade sin verksamhet år 2009 av ett antal medarbetare med gemensam målsättning i affärsidén.Inom bolaget återfinns konsulter med gedigen erfarenhet och kunskap inom områdena IT Governance, Informationssäkerhet och risk management.Samtliga konsulter inom Acorno är certifierade inom informationssäkerhet och IT revision med bland annat CISA, CISSP etc.
Acorno är officiell partner till Ekelöw InfoSecurity AB.
<br />
</div>
</div>
</div>
<!-- COPY !-->
<div class=“clear”></div>
<!-- FOOTER !–>
<div id=“footer_wrap”>
<div id=“footer_greyline”>
</div>
<div id=“footer_menu_wrap”>
<div id=“footer_menu_center_wrap”>
<div id=“footer_menu_center”>
ACORNO IS A REGISTRATED TRADEMARK ALL RIGHTS RESERVED<br />
OM ACORNO / NYHETER / TJÄNSTER / KUNDER / KONTAKT / KÄRRIAR
</div>
</div>
</div>
</div>
<!-- FOOTER !–>
</div>
</body>
</html>
---------THIS IS MY CSS ------------
@charset “UTF-8”;
/* CSS Document */
body {
margin:0px;
padding:0px;
height:100%;
background-color:#efeff0;
}
- {
margin: 0;
padding: 0;
height:100%;
}
h3 {
font-size:14px;
margin:0;
padding:0;
display:inline;
}
#header_wrap {
width:100%;
height:54px;
margin:0;
background-color:#306;
}
#header_black {
background-color:#000;
width:100%;
height:10px;
}
#header_menubar_wrapper {
width:100%;
background-image:url(header_bg);
background-repeat:repeat-x;
}
#header_menubar_center {
width:700px;
margin:0px auto;
}
#header_menubtn {
width:116px;
height:54px;
float:left;
}
#logo_wrap{
width:100%;
height:45px;
}
#logo_holder{
width:700px;
height:45px;
margin:0px auto;
}
#logo {
float:right;
height:45px;
width:111px;
}
#flash_wrap{
width:100%;
height:340px;
}
#flash_holder {
width:700px;
height:340px;
margin:0px auto;
background-color:#999;
}
#copy_wrap {
width:100%;
height:100%;
position:relative;
}
#copy_holder{
width:700px;
margin:0px auto;
margin-top:30px;
height:100%;
}
#copy_column{
float:left;
width:340px;
height:100%;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
display:inline-block;
}
#copy_margin {
float:left;
width:20px;
}
.clear {
clear:both;
}
#footer_wrap {
width:100%;
height:109px;
margin:0px;
position:fixed;
bottom:0;
background-color:#333;
}
#footer_greyline{
background-color:#d0d1d3;
height:10px;
}
#footer_menu_wrap {
width:100%;
height:99px;
background-image:url(img/footer_bg.png);
background-repeat:repeat-x;
/position:absolute;/
bottom:0px;
}
#footer_menu_center_wrap {
width:700px;
margin:0px auto;
}
#footer_menu_center {
margin:0px auto;
width:500px;
height:50px;
padding-top:40px;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#d0d1d3;
text-align:center;
}
THANX ALOT