Avatar billede area404 Nybegynder
07. februar 2007 - 14:38 Der er 4 kommentarer

Centrer mine divs

Hej,

Jeg har kigget en del spm igennem angående centrering.
Hvordan centrer man hele siden som fx denne:


<body>

<!-- indhold -->
<div id="indhold"><div id="p-indhold">
<p>Her skulle gerne være noget indhold
</div></div>
<!-- indhold Slut -->


<!-- Kategorier -->
<div id="kategorier">
<p style="font-weight: bold; margin-top: 0; padding-top: 10px">
<span class="n" style="color: #556677">Kategorier</span></p>

<p>Nyheder<span style="color: #97A6B5"> &#187; ingen</span></p>
<p>Film<span style="color: #97A6B5"> &#187; ingen</span></p>
<p>Priser<span style="color: #97A6B5"> &#187; ingen</span></p>
</div>
<!-- Kategorier Slut -->

</body>

#indhold ser således ud:

#indhold {
position: absolute;
top: 50px;
width: 600px;
background: #EBF2FA;
margin: 0 0 0 11px;
}

Håber nogen kan hjælpe :-)
Avatar billede donslund Nybegynder
07. februar 2007 - 14:41 #1
Sæt left til 50% og padding-left til 300px, så tror jeg den centrerer.
Avatar billede coderdk Praktikant
07. februar 2007 - 14:53 #2
<html>
<head><title>Test</title>
<style type="text/css">
body {
  text-align: center;
}
#container {
  width: 600px;
  text-align: left;
  margin: auto;
  background-color: #f00;
}
</style>
<body>
  <div id="container">
    Denne boks er centreret?
  </div>
</body>
</html>
Avatar billede donslund Nybegynder
07. juni 2010 - 08:10 #3
Luk?
Avatar billede coderdk Praktikant
07. juni 2010 - 09:20 #4
God idé ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester