Header probleem!?

Guitar

Goedendag,

Ik volg zojuist een tutorial basing maar loop tegen een probleem aan wat ik niet gefixt krijg.

Mijn html:

PHP

<!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" xml:lang="nl" lang="nl">
        <head>
                <title>Ymen</title>
                
                <link rel="stylesheet" type="text/css" href="opmaak.css" />
        </head>
        
        <body>


                <div id="header"></div>
        
        </body>
        
</html>

Toon Meer

En CSS:

PHP

html
    {
        background-color: #999999;
    }
body
    {
        width: 698px;
        border-left: 1px solid #888888;
        border right: 1px solid #888888;
        margin> 0px auto;
    }
div#header
    {
        background-image: url ('images/header.gif');
        background-repeat: repeat-x;
        width: 698;
        height: 82px;
    }

Toon Meer

Met vriendelijke groeten,
Guitar

pekelterror

Wat klopt er precies niet?
En is dit in alle browsers?

Heb je ook een online voorbeeld of screenshot?

[offtopic]Kan je helaas niet helpen maar bovenstaande vragen worden je toch gevraagd :p[/offtopic]

Jbouwen

Volgens mij hoor die DIV# daar niet?

jessewillem

JoeyB, jij kan wel eens gelijk hebben. div hoort daar niet, maar de # (hekje) wel.

Jannick

Mijn hemel, die div#header hoort daar wel... Leer eens CSS, waarom zou je HTML gebruiken om de backgroundcolor aan te geven, en de rest in de body? Ik weet het niet zeker, maar volgens mij mag je het zo nieteens gebruiken...

Shahiem

Div hoort daar inderdaad wel, maar dat hoeft niet perse.

Verbering:

PHP

html
    {
        background-color: #999999;
    }
body
    {
        width: 698px;
        border-left: 1px solid #888888;
        border right: 1px solid #888888;
        margin: 0 auto;
    }
div#header
    {
        background-image: url ('images/header.gif');
        background-repeat: repeat-x;
        width: 698;
        height: 82px;
    }

Toon Meer

Jannick

PHP

body
    {
        background-color: #999999;
        width: 698px;
        border-left: 1px solid #888888;
        border right: 1px solid #888888;
        margin: 0 auto;
    }
div#header
    {
        background-image: url ('images/header.gif');
        background-repeat: repeat-x;
        width: 698;
        height: 82px;
    }

Toon Meer

tevens nog even mijn kritiekpuntje verbeterd.

Guitar

Hij doet het nog steeds niet

Nieuwe reactie samengevoegd met originele reactie op 15.08.10 15:36:10:
Dit is de tut: http://www.wmcity.nl/artikelen.php?…k&id=801&page=3

thexerox

De div voor div#header hoeft idd niet, maar is in dit geval wel handig. Nu kan je de id 'header' enkel binnen een div gebruiken. Als je #header in je css plaatst kan je de id overal gebruiken (zoals bv in een span of table).

Volgens mij ligt de fout bij

width: 698;

de px zijn daar crusiaal

dus het wordt

width: 698px;

PHP

body
    {
        background-color: #999999;
        width: 698px;
        border-left: 1px solid #888888;
        border right: 1px solid #888888;
        margin: 0 auto;
    }
div#header
    {
        background-image: url ('images/header.gif');
        background-repeat: repeat-x;
        width: 698px;
        height: 82px;
    }

Toon Meer

ICTscripters

Dé plek voor IT

Dé plek voor IT

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

350 Nieuwe Domeinnamen Januari 2026

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Header probleem!?

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken