[css/xhtml] wel inline maar niet uit externe file - Softwareontwikkeling

donderdag 18 maart 2004 00:55

Acties:

Barbie is er weer!

Topicstarter

De volgende code:

HTML:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>test site</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    </head>
<body>
<div id="sitecontainer">
    <div id="header"> inhoud etc.</div>
    <div id="menu">Menu inhoud etc.</div>
    <div id="nieuws">Nieuws bla bla</div>
    <div id="extra">Extra info<div>
</div>
</body>
</html>

stylesheet.css bevat alleen nog dit:

Cascading Stylesheet:

body {
    text-align: center;
}
sitecontainer {
    width: 522px; 
    background: blue;
}

Het probleem:
Eigenlijk kort: de div sitecontainer wordt niet gestyled. Wanneer ik de style inline toe pas dan werkt het echter wel. Maar ik snap niet waarom het vanuit de stylesheet niet werkt. De text-align: center die ik op de body toe pas werkt namelijk wel.

Ik heb wat zitten puzzelen en gezocht hier maar ik kom geen antwoord tegen. Dus mijn vraag is nu: Hoe komt het dat het niet vanuit de stylesheet werkt?

donderdag 18 maart 2004 07:26

Acties:

crisp

Devver

Pixelated

lees eens iets over syntax:

Cascading Stylesheet:

body {
    text-align: center;
}
#sitecontainer {
    width: 522px; 
    background: blue;
}

http://www.w3schools.com/css

Intentionally left blank

Dit topic is gesloten.