Avatar billede mccookie Seniormester
15. januar 2006 - 00:22 Der er 18 kommentarer og
2 løsninger

hvordan får jeg lavet 2 px luft rundt om alle elementer?

Se adresen her: http://www2.spejdernet.dk/klatring/newdesign.php
Avatar billede saucer Nybegynder
15. januar 2006 - 00:24 #1
<style>
body {
margin: 2px 2px 2px 2px;
}
</style>

eller også

<style>
body {
margin: 2px;
}
</style>

Så vil der komme 2px luft i mellem dine elementer og browseren
Avatar billede saucer Nybegynder
15. januar 2006 - 00:24 #2
Du skal nok uddybe dit spørgsmål lidt mere hvis mit svar ikke er nok.
Avatar billede mstorgaard Praktikant
15. januar 2006 - 00:25 #3
Hvis du sætter
padding: 2px;
ind i alle dine css-elementer, bør der komme den ønskede luft :)
Avatar billede mccookie Seniormester
15. januar 2006 - 00:27 #4
jeg vil have luft omkring de farvede elementer også!
Avatar billede mccookie Seniormester
15. januar 2006 - 00:28 #5
har sat padding på alle elementer og det virker da ikke helt!
Avatar billede saucer Nybegynder
15. januar 2006 - 00:33 #6
Du skal ikke bruge padding men margin.

Padding styrer kun indhold inde i elementet hvor margin uden om .
Avatar billede mccookie Seniormester
15. januar 2006 - 00:38 #7
Hmm.....padding er indv. fyld ud til elementets grænse.

Jeg ka n ikke lige hitte ud af det med margin, der er i forvejen margins i de forskellige elementer
Avatar billede mstorgaard Praktikant
15. januar 2006 - 00:44 #8
Min fejl :)

Det bør kunne klare det hvis du ændre style til:
<style type="text/css">

body {
    margin:0px;
}
#title {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 75px;
    background-color:orange;
    margin: 2px;
}
#leftmenu {
    position:absolute;
    left:0px;
    top:75px;
    width:150px;
    background-color:silver;
    margin: 2px;
    margin-top: 4px;
}
#rightmenu {
    position:absolute;
    right:0px;
    top:75px;
    width:150px;
    background-color:silver;
    margin: 2px;
    margin-top: 4px;
}
#content {
    padding-top: 70px;
    margin-left:160px;
    margin-right:160px;
    background-color:white;
    margin-top: 4px;
}
</style>
Avatar billede mccookie Seniormester
15. januar 2006 - 00:49 #9
Så hjælper det jo lidt på det ;)

Desværre er der lige title elementet, det er jo en 100% og derfor kan der måske ikke laves en 2 px padding eller skal man trylle med javascript?
Avatar billede mstorgaard Praktikant
15. januar 2006 - 02:08 #10
Du kan også tilføje
margin-left: 0px;
Så står den 2px under toppen, men helt op af siderne
Avatar billede mstorgaard Praktikant
15. januar 2006 - 02:09 #11
Det skal tilføjes under #title :)
Avatar billede roenving Novice
15. januar 2006 - 05:49 #12
*{margin:2px;}
Avatar billede mccookie Seniormester
15. januar 2006 - 11:23 #13
Jeg ville jo gerne om muligt have 2 px omkring hele title elementet.....

Hvordan gøres det?
Avatar billede mstorgaard Praktikant
15. januar 2006 - 13:17 #14
Jeg ved ikke om det er det roenving vil sige, men hvis du ændrer margin til 2px i body, bør det virke
Avatar billede mccookie Seniormester
15. januar 2006 - 13:30 #15
Bingo og tillægsspm.

Kan jeg lave en tilsvarende boks i bunden af min side?
Avatar billede mccookie Seniormester
15. januar 2006 - 13:33 #16
Kan man uden problemer lave en ekstra boks i venstre side?
Avatar billede mstorgaard Praktikant
15. januar 2006 - 13:43 #17
Ja, det bør du kunne.
Avatar billede mccookie Seniormester
15. januar 2006 - 13:56 #18
Hmm....tjaja....men jeg prøvede og....

Nu ville jeg gerne bibeholde de 2px
Avatar billede mstorgaard Praktikant
15. januar 2006 - 14:05 #19
Jeg er ikke så meget inde i hvordan div fungerer, men hvis du laver den sådan her:
#leftmenu1 {
    position:relative;
    width:150px;
    background-color:silver;
}
Bør den have den rigtige afstand til siderne, men der er et lidt større område mellem venstremenuerne
Avatar billede mstorgaard Praktikant
26. januar 2006 - 11:41 #20
Kan du få det til at virke?
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