Ik heb zojuist het boek gekocht, naar de titel van dit topic.
Interessant boek, heerlijk leerzaam... Ik vraag me alleen af, waarom iedereen(iig een boel) mensen stellen dat door het scheiden van content en presentatie je met 1 of meerdere stylesheets het hele uiterlijk van je site kan aanpassen.
In de meeste gevallen bedoeld men dan niet alleen de kleuren ed, maar ook de posities van de gebruikte output elementen op het scherm.(Correct me if I'm wrong) Zodra ik hier echter over nadenk, zie ik toch echt een aantal situaties waar dit niet in kan. Zie het onderstaande stukje voorbeeld code, deze code bevat geen opmaak maar een output structuur.
Deze code levert als het goed is, een bannertje met daaronder een menuutje met daaronder een groot vlak met een stukje content en rechts een hotspot. Op dit moment zou geldt de eis geld dat de achtergrond van de hotspot evenver naar beneden moet doorlopen als de achtergrond van content en natuurlijk ook in dezelfde kleur.
Dit probleem zou je kunnen oplossen met bijv. de faux columns, deze oplossing lijkt mij echter iets eleganter. Natuurlijk zou dit probleem ook eventueel met een z-index en absolute positionering op te lossen zijn, maar dan maak je de aanname dat de hoogte van de hotspot ten alle tijden minder hoog zal zijn als de hoogte van de content.
Wanneer ik nu het uiterlijk( niet alleen de kleuren en typografie maar ook de positie van bepaalde elementen) van dit stukje code wil aanpassen, dan moet ik dus niet alleen mijn CSS aanpassen maar ook de html structuur.
Wanneer ik namelijk alleen in de stylesheet wijzigingen doorvoer, blijft de hotspot zich structureel zich namelijk in de contentwrapper bevinden met als gevolg dat de achtergrondkleuren en het content background-image zich structureel verkeerd zullen gaan gedragen.
Zou de bovenstaande situatie nu dus betekenen dat ik de site niet correct opgezet heb, als ik me de beschrijving van de faux-columns voor de geest haal zou dat daar namelijk wel in kunnen, of betekent dit dat sommige zaken op dit moment gewoon nog niet 100% te scheiden zijn... Of betekent dit, dat ik het idee van scheiding van content en presentatie te ver probeer door te voeren mbv de verkeerde hulpmiddelen?
Interessant boek, heerlijk leerzaam... Ik vraag me alleen af, waarom iedereen(iig een boel) mensen stellen dat door het scheiden van content en presentatie je met 1 of meerdere stylesheets het hele uiterlijk van je site kan aanpassen.
In de meeste gevallen bedoeld men dan niet alleen de kleuren ed, maar ook de posities van de gebruikte output elementen op het scherm.(Correct me if I'm wrong) Zodra ik hier echter over nadenk, zie ik toch echt een aantal situaties waar dit niet in kan. Zie het onderstaande stukje voorbeeld code, deze code bevat geen opmaak maar een output structuur.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| ...
<style>
#contentwrapper
{
background-color: maroon;
background-image: url('img/left,jpg');
background-repeat: repeat-y;
float: left;
}
#content
{
background-color: green;
float: left;
}
#hotspot
{
background-image: url('img/right.jpg');
background-repeat: repeat-y;
float: right;
}
</style>
...
<div id="top_banner"></div>
<div id="navwrapper"></div>
<div id="contentwrapper">
<div id="content"></div>
<div id="hotspot"></div>
</div>
... |
Deze code levert als het goed is, een bannertje met daaronder een menuutje met daaronder een groot vlak met een stukje content en rechts een hotspot. Op dit moment zou geldt de eis geld dat de achtergrond van de hotspot evenver naar beneden moet doorlopen als de achtergrond van content en natuurlijk ook in dezelfde kleur.
Dit probleem zou je kunnen oplossen met bijv. de faux columns, deze oplossing lijkt mij echter iets eleganter. Natuurlijk zou dit probleem ook eventueel met een z-index en absolute positionering op te lossen zijn, maar dan maak je de aanname dat de hoogte van de hotspot ten alle tijden minder hoog zal zijn als de hoogte van de content.
Wanneer ik nu het uiterlijk( niet alleen de kleuren en typografie maar ook de positie van bepaalde elementen) van dit stukje code wil aanpassen, dan moet ik dus niet alleen mijn CSS aanpassen maar ook de html structuur.
Wanneer ik namelijk alleen in de stylesheet wijzigingen doorvoer, blijft de hotspot zich structureel zich namelijk in de contentwrapper bevinden met als gevolg dat de achtergrondkleuren en het content background-image zich structureel verkeerd zullen gaan gedragen.
Zou de bovenstaande situatie nu dus betekenen dat ik de site niet correct opgezet heb, als ik me de beschrijving van de faux-columns voor de geest haal zou dat daar namelijk wel in kunnen, of betekent dit dat sommige zaken op dit moment gewoon nog niet 100% te scheiden zijn... Of betekent dit, dat ik het idee van scheiding van content en presentatie te ver probeer door te voeren mbv de verkeerde hulpmiddelen?
[ Voor 23% gewijzigd door 0528973 op 01-09-2004 11:44 ]
Pascal
/u/7685/ruinmytune-60x60.png?f=community)
:strip_icc():strip_exif()/u/69009/eend.jpg?f=community)
:strip_icc():strip_exif()/u/39264/notpingu.jpg?f=community)