CSS-AP site centreren

Status
Niet open voor verdere reacties.
M

MacHazzer

Gebruiker
Lid geworden
24 nov 2009
Berichten
17
Hallo, ik probeer een template te maken voor wat uiteindelijk een site moet worden. Die site wil ik graag gecentreerd in het scherm hebben. Bij vooringestelde templates kun je kiezen voor links, rechts en gecentreerd, maar bij eigen opmaak niet. Heeft iemand enig idee waar ik dat kan aangeven? Alvast dank voor de reacties

gr
 
Hallo MacHazzer :thumb:

Het best is je tamplate opmaken met CSS

vb
*{/* * geldig voor alles met #*/
margin: 0;
padding: 0;
}

#container{
width: 100%;
}

#inhoud{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 1em;
}

Resultaat http://www.michelscot.be

Groetjes michelscot :cool:
 
michelscot zei:
Hallo MacHazzer :thumb:

Het best is je tamplate opmaken met CSS

vb
*{/* * geldig voor alles met #*/
margin: 0;
padding: 0;
}

#container{
width: 100%;
}

#inhoud{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 1em;
}

Resultaat http://www.michelscot.be

Groetjes michelscot :cool:
Klik om te vergroten...

Hallo Michel, bedankt voor je reactie.
Zoals jouw Schotlandsite staat wil ik het ook hebben ja. Lekker in het midden van het scherm. Moet ik deze code bovenin plaatsen in de codeview van mijn document? Of juist achteraan? Tot nu toe is het alleen gelukt linkslijnende sites te maken, maar dat gaat vervelen. :)

gr MacHazzer
 
Hallo MacHazzer :thumb:

de koppeling van je css staat in de head-tag (maak mijn CSS op in Topstyl )
<link href="bestandnaam.css" rel="stylesheet" type="text/css" />

de div's komen in de body-tags te staan

HTML: 
<body>
<div id="container">

    <div id="inhoud">
		   	
           	 <div id="inhoudLinks"><!-- TemplateBeginEditable name="LINKS" --><!-- TemplateEndEditable --></div>
                
             <div id="inhoudRechts"><!-- TemplateBeginEditable name="RECHTS" --><!-- TemplateEndEditable --></div>
            

</div></body>

de css voor inhoud links en rechts zijn

#inhoudLinks{
width: 60%;
float: left;
}
#inhoudRechts{
width: 34%;
float: right;
padding-left: 2.5%;
border-left: 1px dashed #8A8A8A;
}

groetjes michelscot :cool:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan