Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

Footer in FF op verkeerde plek. (Opgelost)

tomie94 - 14/12/2007 15:02

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:

html code - Bekijk de code zonder highlighting - Klap code in

                  <!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

2 antwoorden

Gesponsorde links

Vincjenzo - 14/12/2007 15:28
Nieuw lid		Zet een float:left; in je .footer

tomie94 - 14/12/2007 15:31
PHP interesse		bedankt!!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten