Sprits
Legacy Member
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" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="content">
<div id="menu">
</div>
<div id="topimg">
</div>
<div id="promo">
</div>
<div id="insidecontent">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Code:
@charset "utf-8";
/* CSS Document */
html,body
{
background-color:#e5e5e5;
height: 100%;
}
body
{
margin:0px;
padding:0px;
}
#container
{
margin: auto;
width: 766px;
}
#header
{
background:url(images/mebis_01.jpg);
height:128px;
background-repeat:no-repeat;
}
#content
{
height: 100%;
}
#menu
{
background-image:url(images/mebis_02.jpg);
width:210px;
height:171px;
margin: 0px;
padding: 0px;
float:left;
}
#topimg
{
background-image:url(images/mebis_03.jpg);
width:556px;
height:171px;
margin:0px;
padding:0px;
float:left;
}
#promo
{
background-image:url(images/mebis_05.jpg);
background-repeat: repeat-y;
width:210px;
margin:0px;
padding:0px;
float:left;
min-height:400px;
}
#insidecontent
{
background-color:#f3f3f3;
width:556px;
float:left;
min-height:400px;
}
#footer
{
background-image:url(images/mebis_08.jpg);
height:43px;
}
mijn footer is een oranje balk (een image, geen gewone kleur), maar ik krijg deze ni te zien.
Ik heb vroeger altijd met tabellen gewerkt en ik probeer nu over te schakelen op divs (zoals het zou moeten
) maar helemaal heb ik het nog ni door Kan er iemand mij helpen?
)
