Avatar billede mik28 Seniormester
23. februar 2007 - 09:51 Der er 10 kommentarer og
1 løsning

Placering af bokse

Hej Eksperter,

Jeg kan ikke lige gennemskue hvordan jeg får luft imellem boks 1 og 2.

<div style="width:600px;">

        <div style="width:300px;float:left;">
            <div style="float:left;height:100px;width:200px;border-style:solid;border-width:1px;text-align:center;">1</div>
            <div style="float:left;height:100px;width:200px;border-style:solid;border-width:1px;text-align:center;">2</div>
        </div>

        <div style="width:300px;float:left;">
            <div style="float:left;height:100px;width:200px;border-style:solid;border-width:1px;text-align:center;">3</div>
            <div style="float:left;height:100px;width:200px;border-style:solid;border-width:1px;text-align:center;">4</div>
        </div>
</div>
Avatar billede michael_stim Ekspert
23. februar 2007 - 09:56 #1
<div style="width:300px;float:left;left-margin: 2px;">
Måske.
Avatar billede jokkejensen Novice
23. februar 2007 - 09:57 #2
Det gør du med "margin-bottom: 15px;" på div 1 og 3
Avatar billede michael_stim Ekspert
23. februar 2007 - 09:58 #3
Og den skal nok flyttes til den rigtige box ;o)
Avatar billede jokkejensen Novice
23. februar 2007 - 09:59 #4
michael, jeg tror bestemt ikke at width:300px og margin-left ( hvis det er det du mener med left-margin ) på 2px er optimalt på 2 divs inde i et div der er 600px bredt..

Endvidere ligger 1 og 2 oven på hinanden efter hvad jeg kan forstå. Så det er vel margin-bottom.

/JJ
Avatar billede michael_stim Ekspert
23. februar 2007 - 10:01 #5
Nej så må man gøre boxen bredere.
Men jo, margin-left mentes der ;O)
Jeg forstod det som han ville have:
box->luft->box
box->luft->box
Avatar billede michael_stim Ekspert
23. februar 2007 - 10:08 #6
Men ja, du har ret.
box1 -> box3
luft -> luft
box2 -> box4
Avatar billede mik28 Seniormester
23. februar 2007 - 10:33 #7
Det er bare super. Kan I så også fortælle mig hvordan jeg får teksten i boksene vertical-align:middle;
Avatar billede mik28 Seniormester
23. februar 2007 - 10:41 #8
Det sidste er lige meget jeg sætter bare en padding-top :-) Tak for hjælpen
Avatar billede mik28 Seniormester
23. februar 2007 - 12:13 #9
lægger I nogle svar?
Avatar billede michael_stim Ekspert
23. februar 2007 - 12:26 #10
1: Jeg samler ikke på point ;o)
2: Det var helt hen i vejret, det svar jeg gav :(
Avatar billede jokkejensen Novice
23. februar 2007 - 13:28 #11
jo tak ! :)
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