Avatar billede Malika Nybegynder
25. juni 2011 - 18:32 Der er 18 kommentarer og
1 løsning

Div problem

Hej
jeg prøver at sætte tre div lige efter hinanden.. Men det virker ikke.. I den første div er der et billede, og i den anden er der tekst, den tredje en tom box.
Avatar billede majbom Novice
25. juni 2011 - 18:43 #1
jeg tror du skal fjerne et " så virker det
Avatar billede Malika Nybegynder
25. juni 2011 - 18:43 #2
fjerne hvad??
Avatar billede majbom Novice
25. juni 2011 - 18:46 #3
prøv at forklar lidt bedre hvad du gør, hvad du vil, og hvad der rent faktisk sker.

evt et link til siden, eller smid koden herind: pastebin - og lig et link her...
Avatar billede keysersoze Ekspert
25. juni 2011 - 18:48 #4
næh - antallet af " ser rigtig nok ud, jeg synes mere det ligner en fejl i linje 38 :)
Avatar billede Malika Nybegynder
25. juni 2011 - 18:53 #5
<div id="body">


<div id="Left">
<img src=""  width="167" height="173" /></a>
</div>

<div id="Mid">
<p>div Midten</p>
</div>

<div id="Right">
<p>div højre </p>
</div>

</div>

Jeg have dem lige efter hinanden, sådan her:
Left  mid  right
Avatar billede keysersoze Ekspert
25. juni 2011 - 18:55 #6
hvordan ser din CSS ud? hvis de skal stå ved siden af hinanden bør du benytte float - men det er lidt svært at se hvad du har gjort uden eventuelle styles.
Avatar billede Malika Nybegynder
25. juni 2011 - 18:58 #7
#body {
    width:960px;
    height:450px;
   
}
#Left {
    width: 170px;
    height: 180px;
    background-color: #FFF;
    padding:5px;
    margin-left:20px;
    margin-top: 25px;
    margin-bottom:20px;
    }

Right {
    width: 240px;
    background-color: #FFF;
    background-image:url(Images/BagrundRight.jpg);
    height: 500px;
    border-left-style: none;
    border-width: 1px;
    padding: 10px;
    float: right;
}

mid{
        width: 400px;
    height: 200px;
    margin-left: 210px;
}
    padding:10px;
Avatar billede Malika Nybegynder
25. juni 2011 - 18:59 #8
#body {
    width:960px;
    height:450px;
   
}
#Left {
    width: 170px;
    height: 180px;
    background-color: #FFF;
    padding:5px;
    margin-left:20px;
    margin-top: 25px;
    margin-bottom:20px;
    }

#Right {
    width: 240px;
    background-color: #FFF;
    background-image:url(Images/BagrundRight.jpg);
    height: 500px;
    border-left-style: none;
    border-width: 1px;
    padding: 10px;
    float: right;
}

#mid{
    width: 400px;
    height: 200px;
    margin-left: 210px;
    padding:10px;
}
Avatar billede Slettet bruger
25. juni 2011 - 19:05 #9
Sæt float:left; på alle tre bokse.
Avatar billede Malika Nybegynder
25. juni 2011 - 19:11 #10
Den i midten og den til venstre sidder godt nok nu, men den til højre sidder ikke ordenligt.
Avatar billede keysersoze Ekspert
25. juni 2011 - 19:17 #11
skal vi selv gætte?
Avatar billede Malika Nybegynder
25. juni 2011 - 19:20 #12
Sorry. Jeg har prøvet at uploade siden... Med det vil den ikke...:(
Avatar billede keysersoze Ekspert
25. juni 2011 - 19:25 #13
kan du ikke uploade eller?
Avatar billede Malika Nybegynder
25. juni 2011 - 19:28 #14
Hvordan sætter man siden ind så i kan se den?
Avatar billede Slettet bruger
25. juni 2011 - 19:31 #15
Okay, alle dine tre bokse skal kunne være inde i den omgivende boks. Lad os lægge det lidt sammen her:


Omgivende boks = 960px

Left-boks = width + padding x 2 + margin-left = 170 + 5 x 2 + 20 px = 200px

Right-boks = width + padding x 2 + border-width x 2 = 240 + 10 x 2 + 1 x 2 px = 262px

Mid-boks = width + margin-left + padding x 2 = 400 + 210 + 10 x 2 px = 630px

I alt = Left + Right + Mid = 200 + 262 + 630 px = 1092px


Konklusion: 1092px <> 960px
Den omgivende boks er alt for lille. Derfor bliver den yderste boks (den højre) skubbet ned.
Avatar billede Malika Nybegynder
25. juni 2011 - 19:40 #16
Nu har jeg lavet hele hjemmesiden, det var nok dumt af mig.. Men hvad kan jeg gøre nu???
Avatar billede keysersoze Ekspert
25. juni 2011 - 19:59 #17
gøre den yderste boks større - eller de 3 kasser mindre.
Avatar billede Slettet bruger
25. juni 2011 - 20:30 #18
Du har en kæmpestor margin-left på din midterste boks. Midt bedste råd kan kun være at prøve at skære lidt rundt omkring og skubbe indholdet lidt sammen.
Du skal ned på 960 px, med mindre du vil forstørre den omgivende boks til de næsten 1100px.
Avatar billede webweaver Praktikant
25. juni 2011 - 20:36 #19
#5 Din linie her ser da lidt sjov ud,
<img src=""  width="167" height="173" /></a>


Man må da håbe, at du også har starten på dit a-tag et sted i koden, som du bare ikke har postet herind. Ellers kan du roligt fjerne </a> :-)

Det er bare en observation.
Ikke noget som har indflydelse på positioneringsproblemet umiddelbart ...
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