Beste Particulieren/Ondernemers,
Ik wou vandaag even een ontwerp slicen en basen en dat is goed gelukt alleen is er een probleempje. Hoe zorg ik er voor dat alles er ook netjes uit ziet als je bijvoorbeeld inzoomt?
Mijn CSS code is als volgt:
Alvast bedanktPHP Code:
body {
background: #ffdff2 url(images/header.gif) no-repeat center top;
font-size: 14px;
color: #a60865;
}
h1 {
color: #64043d;
font-size: 2em;
}
/* Page */
#content {
background: url(images/content.gif) repeat-y;
margin-top:208px;
margin-bottom:0px;
margin-right:50px;
margin-left:14.1%;
padding: 3px 27% 0px 40px;
}
Met vriendelijke groet,
Jordy Bakker
- Fixed size met CSS?
-
01-02-2012, 14:50 #1Bakker Media
- Berichten
- 470
- Lid sinds
- 14 Jaar
Fixed size met CSS?
-
In de schijnwerper
-
01-02-2012, 15:25 #2Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Fixed size met CSS?
Alles in een container/swapper zetten.
PHP Code:<div class="swapper"><div>
PHP Code:.swapper{
width: 1000px /*breedte van de layout*/
height: auto;
margin: 0 auto;
}
-
01-02-2012, 15:33 #3Bakker Media
- Berichten
- 470
- Lid sinds
- 14 Jaar
Re: Fixed size met CSS?
Super!!! Bedankt !!
Ik heb dit er van gemaakt:
PHP Code:body {
background: #ffdff2;
font-size: 14px;
color: #a60865;
}
h1 {
color: #64043d;
font-size: 2em;
}
/* Page */
div#header
{
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position:center top;
height: 208px;
}
div#content {
background: url(images/content.gif) repeat-y;
padding: 3px 27% 0px 40px;
}
.swapper{
width: 1125px;
height: auto;
margin: 0 auto;
}
Dit staat in de body van de HTML pagina:
PHP Code:<div class="swapper">
<div id="header"></div>
<div id="content">
<h1>Test titel</h1>
Cras nulla magna, placerat eget sodales ullamcorper, ultricies cursus tellus. Nunc non tincidunt nisl. Suspendisse potenti. Sed sollicitudin ultricies diam nec venenatis. Sed in nulla sed metus sollicitudin commodo in eu mauris. Aliquam et nisi nec enim consectetur vehicula in vel sapien. Aliquam quis mi nec enim venenatis gravida. Cras luctus, eros a mollis volutpat, tellus sem fringilla lorem, et eleifend velit ipsum et neque. Sed et sapien et purus imperdiet convallis. Phasellus nec eros urna. Nam porta consequat lorem, eget dictum nunc dictum vitae. Praesent elementum, massa blandit volutpat facilisis, ante risus feugiat nulla, sed vehicula nisl risus a est. Maecenas sit amet vestibulum enim. Suspendisse potenti. In vel metus mauris, sed suscipit libero. <br>
</div>
-
01-02-2012, 15:48 #4
- Berichten
- 416
- Lid sinds
- 15 Jaar
Re: Fixed size met CSS?
Volgens mij moet je de Wrapper nog afsluiten </div>
Super!!! Bedankt !!
Ik heb dit er van gemaakt:
PHP Code:body {
background: #ffdff2;
font-size: 14px;
color: #a60865;
}
h1 {
color: #64043d;
font-size: 2em;
}
/* Page */
div#header
{
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position:center top;
height: 208px;
}
div#content {
background: url(images/content.gif) repeat-y;
padding: 3px 27% 0px 40px;
}
.swapper{
width: 1125px;
height: auto;
margin: 0 auto;
}
Dit staat in de body van de HTML pagina:
PHP Code:<div class="swapper">
<div id="header"></div>
<div id="content">
<h1>Test titel</h1>
Cras nulla magna, placerat eget sodales ullamcorper, ultricies cursus tellus. Nunc non tincidunt nisl. Suspendisse potenti. Sed sollicitudin ultricies diam nec venenatis. Sed in nulla sed metus sollicitudin commodo in eu mauris. Aliquam et nisi nec enim consectetur vehicula in vel sapien. Aliquam quis mi nec enim venenatis gravida. Cras luctus, eros a mollis volutpat, tellus sem fringilla lorem, et eleifend velit ipsum et neque. Sed et sapien et purus imperdiet convallis. Phasellus nec eros urna. Nam porta consequat lorem, eget dictum nunc dictum vitae. Praesent elementum, massa blandit volutpat facilisis, ante risus feugiat nulla, sed vehicula nisl risus a est. Maecenas sit amet vestibulum enim. Suspendisse potenti. In vel metus mauris, sed suscipit libero. <br>
</div>
-
01-02-2012, 15:53 #5Bakker Media
- Berichten
- 470
- Lid sinds
- 14 Jaar
Re: Fixed size met CSS?
Dat klopt, dat had ik al gedaan alleen had ik die er niet bij geplakt, bedankt voor de reacties!
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic