Avatar billede nemlig Professor
20. december 2008 - 13:08 Der er 9 kommentarer og
2 løsninger

Et par DIV-spørgsmål

Hej.
Jeg har en side, som er 1000px bred, som jeg opdeler i 2 kolonner (venstre på 150px og højre på 850px)
I venstre kolonne anvender jeg en baggrund.
Min udfordring er, at hvis højre kolonne er længere end venstre, så udfyldes baggrunden i venstre kolonne ikke i hele kolonnens dybde.
Er der en nem løsning på dette?

De 3 definationer ser sådan her ud:
div#container {
    width: 1000px;
    border-style: solid;
    border-width: 0 2px;
    border-color: #000;
    background-color: #fff;
    text-align: left;
    margin: 0px auto;
}

div#leftDiv {
    width: 150px;
    background-image:url(../gfx/baggrund_ny.gif);
    background-repeat:repeat-y;
    float: left;
}
div#rightDiv {
    width: 850px;
    float: right;
}
Avatar billede keysersoze Ekspert
20. december 2008 - 13:15 #1
læg baggrunden i din container i stedet - og sørg for at du clearer under dine to divs, fx;

<div style="clear: both;"></div>
Avatar billede nemlig Professor
20. december 2008 - 13:38 #2
God ide med at smide baggrunden i contailer. Jeg kan vel bare skære i baggrundsgrafikken, så den kun er 150px bred.

Jeg er ikke med på hvad clearer gør og hvordan det skal gøres.
Jeg har ikke ændret noget i de 2 div (left,right), men i <body> har gjort sådan her:

<div id="rightDiv"><div style="clear: both;">

Men jeg kan ikke se, det ændrer noget?
Avatar billede jensgram Nybegynder
20. december 2008 - 13:42 #3
Da du kun har to float'ede elementer i din container, vil denne ikke have nogen højde! Man indsætter et clear-element for at tvinge containeren til at strække sig (vertikalt) til at rumme de to divs:

<div id="container">
  <div id="leftDiv">...</div>
  <div id="rightDiv">...</div>
  <div style="clear: both"></div>
</div>
Avatar billede nemlig Professor
20. december 2008 - 13:53 #4
OK - så forstår jeg. Jeg skal lige afprøve det.
Avatar billede nemlig Professor
20. december 2008 - 14:05 #5
Men er vi enige om, at min baggrundgrafik, som nu ligger i DIV-container skal ændres så pixelbredden svarer til bredden på venstre kolonne, nemlig 150px.
Avatar billede jensgram Nybegynder
20. december 2008 - 14:11 #6
Ja, hvis det skal ligne, at den er knyttet til venstre kolonne.
Avatar billede keysersoze Ekspert
20. december 2008 - 14:24 #7
det er ikke nødvendigt - du kan lave baggrundsbilledet den bredde du vil have det til at være og så styre evt repeat med background-repeat og positionen med background-position.
Avatar billede nemlig Professor
20. december 2008 - 14:25 #8
Lige præcis.
Tak for bidragene. Sender I et svar?
Avatar billede nemlig Professor
20. december 2008 - 14:48 #9
keysersoze: Jeg havde ikke set din sidste kommentar.
Hvis jeg vil have baggrunden til at passe med bredden på venstre kolonne, som er 150px bred, så må baggrundsgrafikken vel ikke være bredere end 150px?
Avatar billede keysersoze Ekspert
20. december 2008 - 15:24 #10
nej - det er korrekt.
Avatar billede jensgram Nybegynder
20. december 2008 - 19:35 #11
?
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