Goedendag,
Ik ben bezig aan een site en ik gebruik hiervoor cmsmadesimple. Ik heb een template gebruikt dat vrij aan te passen is. Ik ben dus inderdaad aan het aanpassen geslagen, tot nu toe lukt alles wat ik wil wel.
Alleen hetgeen dat niet lukt is het volgende: ik probeer om de pagina in zijn geheel te vullen (ivm met de achtergrond) Dit probeer ik dus op de volgende manier te doen
De html ziet er als volgt uit.#toparea {
color: #000;
background: url('images/logoareag.jpg') no-repeat 0 0 #ffffff;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 191px;
width: 972px;
float: center;
}
#wrapper {
margin: 0 auto;
width: 972px;
min-height:100%;
height: 100%;
}
#leftcolumn {
color: #000;
text-align: left;
background: #ffffcc;
margin: 191px 0px 0px 0px;
padding: 10px;
min-height: 100%;
width: 170px;
float: left;
min-height:100%;
border-left:solid #33cc33;
border-top:solid #33cc33;
}
#rightcolumn {
float: left;
text-align: left;
color: #000;
border: 0px solid #ccc;
background: #ffffcc;
margin: 191px 5px 0px 0px;
padding: 10px;
width: 750px;
display: inline;
border-top:solid #33cc33;
border-right:solid #33cc33;
}
#base {
color: #000;
text-align: center;
background: #ffffcc;
margin: 0px 5px 0px 0px;
padding: 10px;
height: 10px;
width: 940px;
float: center;
clear:both;
border-right:solid #33cc33;
border-left:solid #33cc33;
}
Ik ben een beginner, dus zal waarschijnlijk iets heel doms over het hoofd zien. Maar zoals gezegd, ik zie de fout zelf niet.<body bgcolor="#ffffff" topmargin="0">
<div align="center">
<!-- Begin TopArea -->
<div id="toparea">
<!-- Begin TopImage -->
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Left Column -->
<div id="leftcolumn">
<div id="button"></div>
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<div id="pagetitle"></div>
<div id="content"></div>
</div>
<!-- End Right Column -->
</div>
<!-- End Wrapper -->
<!-- Begin Base -->
<div id="base">
</div>
</body>
Ik ben benieuwd.
-
02-12-2011, 15:02 #1
Particulier
- Berichten
- 19
- Lid sinds
- 13 Jaar
page fill css
-
In de schijnwerper
-
02-12-2011, 15:05 #2
Birdwebdesign
- Berichten
- 1.036
- Lid sinds
- 17 Jaar
Re: page fill css
Post altijd een online voorbeeld.
Want zo moeten wij jouw code doorspitten, kost veel tijd en we zien niet wat er gebeurd.
-
02-12-2011, 15:31 #3
Particulier
- Berichten
- 19
- Lid sinds
- 13 Jaar
Re: page fill css
Excuus, hier is de link:
http://alturl.com/7vbdv
-
05-12-2011, 09:24 #4
Particulier
- Berichten
- 59
- Lid sinds
- 17 Jaar
Re: page fill css
Als ik je goed begrijp wil je een liquid design maken. Je moet dan vaak met procenten gaan werken en niet met vaste afmetingen. Je width en height moet je dan dus 100% maken afhankelijk van wat je volledig wil gebruiken. Met plaatjes is dit weer anders. Ik raad je aan even te zoeken naar liquid design op google.
-
05-12-2011, 13:28 #5
Particulier
- Berichten
- 19
- Lid sinds
- 13 Jaar
Re: page fill css
Dank je wel jimmy. Ik ga er vanavond of morgen weer mee aan de slag. Zal jullie op de hoogte houden.
Groet,
