PHP interesse |
|
Hallo,
Ik ben met een nieuwe layout voor mijn website bezig.
Nu is mijn probleem dat de footer in Firefox onder de header staat en niet onder de content & sidebar. In Internet Explorer doet hij het wel gewoon goed.
Ik gebruik de volgende code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
body
{
background: url(afbeeldingen/bg.gif);
}
.container
{
margin: 0 auto;
width: 800px;
}
.header
{
width: 800px;
height: 114px;
background: url(afbeeldingen/index_01.gif);
}
.menu
{
width: 800px;
height: 43px;
background: url(afbeeldingen/index_02.gif);
}
.sidebar
{
float: left;
width: 175px;
height: 350px;
background: url(afbeeldingen/sidebar.gif);
}
.content
{
float: right;
width: 596px;
height: 350px;
background: url(afbeeldingen/content.gif);
}
.footer
{
width: 800px;
height: 43px;
background: url(afbeeldingen/index_02.gif);
}
</style>
<title>
</title>
</head>
<body>
<div class="container">
<div class="header">
</div>
<div class="menu">
</div>
<div class="sidebar">
</div>
<div class="content">
</div>
<div class="footer">
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
body
{
background: url(afbeeldingen/bg.gif);
}
.container
{
margin: 0 auto;
width: 800px;
}
.header
{
width: 800px;
height: 114px;
background: url(afbeeldingen/index_01.gif);
}
.menu
{
width: 800px;
height: 43px;
background: url(afbeeldingen/index_02.gif);
}
.sidebar
{
float: left;
width: 175px;
height: 350px;
background: url(afbeeldingen/sidebar.gif);
}
.content
{
float: right;
width: 596px;
height: 350px;
background: url(afbeeldingen/content.gif);
}
.footer
{
width: 800px;
height: 43px;
background: url(afbeeldingen/index_02.gif);
}
</style>
<title>
</title>
</head>
<body>
<div class="container">
<div class="header">
</div>
<div class="menu">
</div>
<div class="sidebar">
</div>
<div class="content">
</div>
<div class="footer">
</div>
</div>
</body>
</html>
Alvast bedankt.
Tomie94
|