Ik zou graag jullie hulp inroepen bij een probleempje, dat voor een kenner waarschijnlijk bijzonder simpel is, maar voor een leek best ingewikkeld. Ik zit met 'classroom in a book' op schoot, maar kom er desondanks niet uit.
Ik probeer een css-opmaak te maken, waarbij ik binnen de #wrapper 3 secties onderscheid; de #header, de #content en de #footer. Dit lukt allemaal. Breedte op 800px, hoogte op 620px, header-hoogte 100px, content 500px en footer 20px. Maar nu komt 'ie:
Binnen de header wil ik 3 secties, namelijk #header1 (150px), #menu (500px) en #header2 (150px). Het lukt me wel om header 1 en 2 in #header te krijgen, maar zodra ik #menu probeer tussen te voegen, gaat het mis, en verdwijnt header 2 uit #header.
Wie kan en wil mij helpen?!
Zie hier de code:
<body>
<div id="wrapper">
<div id="header">
<div id="header1">Content for id "header1" Goes Here</div>
HIER MOET DUS div id menu KOMEN...
<div id="header2">Content for id "header2" Goes Here</div>
</div>
<div id="content">Content for id "content" Goes Here</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div>
</body>
en
<style type="text/css">
<!--
body {
background-color: #FFF;
text-align: center;
}
#wrapper {
background-color: #FFF;
text-align: center;
height: 620px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header {
height: 100px;
width: 800px;
}
#header1 {
float: left;
height: 100px;
width: 150px;
}
#menu {
height: 100px;
width: 500px;
margin-right: auto;
margin-left: auto;
}
#header2 {
float: right;
height: 100px;
width: 150px;
}
#content {
clear: both;
height: 500px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#footer {
height: 20px;
width: 800px;
}
-->
</style>
Wat moet ik waar aanpassen om de header in drie blokjes naast elkaar te kunnen verdelen? Alvast heel hartelijk dank!!!
div-tags in dreamweaver
ModeratorCOLON Global Moderators
Forumregels
In dit (sub)forum gelden aanvullende huisregels.
In dit (sub)forum gelden aanvullende huisregels.
- gumpje
- Site Admin
- BerichtenCOLON 8582
- GeregistreerdCOLON 08 Jul 2006 14:15
- WoonplaatsCOLON Groningen
- CONTACTCOLON
... Spiegel-Werk ...
-
- Canon shooter
- BerichtenCOLON 101
- GeregistreerdCOLON 02 Okt 2008 11:09
- WoonplaatsCOLON Roden
- CONTACTCOLON
Heb aan je #header2 het volgende toegevoegd:
margin-top: -100px;
Succes ermee
Groeten,
Nick
margin-top: -100px;
Succes ermee
Groeten,
Nick
[size=75]EOS 40D+BG-E2N - Canon 430EX II- Canon 70-200 F4 [color=#FF0000]L[/color] - Canon 17-40 F4 [color=#FF0000]L[/color] - Canon 100mm F2.8 Macro - Canon 50mm F1.8 II - Canon 18-55mm - Een lege portemonnee[/size]
- gumpje
- Site Admin
- BerichtenCOLON 8582
- GeregistreerdCOLON 08 Jul 2006 14:15
- WoonplaatsCOLON Groningen
- CONTACTCOLON
WOW ...
Dat was alles... Geweldig! Zou je zo vriendelijk willen zijn om kort uit te leggen waarom ik dat zo had moeten invullen? Lijkt me een adhoc oplossing voor een fout die ik eerder ergens maak?! Of zie ik dat verkeerd?
In elk geval veel dank; ik kan weer verder
Dat was alles... Geweldig! Zou je zo vriendelijk willen zijn om kort uit te leggen waarom ik dat zo had moeten invullen? Lijkt me een adhoc oplossing voor een fout die ik eerder ergens maak?! Of zie ik dat verkeerd?
In elk geval veel dank; ik kan weer verder
... Spiegel-Werk ...
-
- Canon shooter
- BerichtenCOLON 101
- GeregistreerdCOLON 02 Okt 2008 11:09
- WoonplaatsCOLON Roden
- CONTACTCOLON
Eerlijk gezegd zou ik niet weten waarom het eerst niet werkte
Daarna maar eens gekeken of ik hem met een margin omhoog kon brengen, ja dus..
Veel succes met de website!
Groeten,
Nick
Daarna maar eens gekeken of ik hem met een margin omhoog kon brengen, ja dus..
Veel succes met de website!
Groeten,
Nick
[size=75]EOS 40D+BG-E2N - Canon 430EX II- Canon 70-200 F4 [color=#FF0000]L[/color] - Canon 17-40 F4 [color=#FF0000]L[/color] - Canon 100mm F2.8 Macro - Canon 50mm F1.8 II - Canon 18-55mm - Een lege portemonnee[/size]
- gumpje
- Site Admin
- BerichtenCOLON 8582
- GeregistreerdCOLON 08 Jul 2006 14:15
- WoonplaatsCOLON Groningen
- CONTACTCOLON
Dank je, nogmaals!!
... Spiegel-Werk ...
- bramos_ditaljanos
- Canon shooter pro+
- BerichtenCOLON 4219
- GeregistreerdCOLON 05 Jul 2008 16:01
- WoonplaatsCOLON Rotterdam
- CONTACTCOLON
Misschien heb je aan deze cursus ook nog wat, nu of later. Zeker het hoofdstuk over positionering kan nog wel van pas komen, denk ik .
7D+BG-E7 + 50D+BG-E2N + EF-s 10-22 + EF 24-70 F2.8 L USM + EF 70-200 F4 L USM + EF 1.4x II + 580EXII + Nova 2AW / PhotoSport BP 200AW / PhotoSport BP 300AW / ProRunner BP 450 AW II / Classified 250AW + 055XPROB + 498RC2 | 500px.com/brampeerlings
- gumpje
- Site Admin
- BerichtenCOLON 8582
- GeregistreerdCOLON 08 Jul 2006 14:15
- WoonplaatsCOLON Groningen
- CONTACTCOLON
Dank je
... Spiegel-Werk ...