Gå til innhold

Hvordan dele en side i tre med div-er?


Anbefalte innlegg

Videoannonse
Annonse

Lage en #container som du legger alt innholdet inni og sett margin-left:auto, margin-right:auto

 

#container {

width:100%; (mulig du må sette denne til en fast bredde?)

margin-left:auto;

margin-right:auto;

border:1px solid;

}

 

I fila gjør du

<div id="container">

<div id="left">Venstre</div>

<div id="midt>Midten</div>

<div id="right">Høyre</div>

</div>

Endret av ken8
Lenke til kommentar

Lette etter dette jeg også, men fant bare noe javascript greier som tester hvilken div som er lengst eller noe sånt.

 

Si fra hvis du finner en god løsning.

 

Ellers går det greit hvis du vet hvem av div'ene som blir lengst og sette border på denne.

Lenke til kommentar
Lette etter dette jeg også, men fant bare noe javascript greier som tester hvilken div som er lengst eller noe sånt.

 

Si fra hvis du finner en god løsning.

 

Ellers går det greit hvis du vet hvem av div'ene som blir lengst og sette border på denne.

5718500[/snapback]

 

Men hvis jeg har en blogg så er problemet at hvis jeg navigerer bort fra hovedsiden så kan menyen bli lengre. Jeg har ennå ikke funnet noen ordentlig løsning på dette, men et annet alternativ som funker utmerket er å bruke et bakgrunnsbilde.

Hvis du tegner inn bakgrunnsbilde med tre kolonner, så vil det bildet strekker helt ned på alle tre hvis den ene blir lengre.

Jeg har ikke prøvd dette men har sett i kildekoden til noen sider som bruker det.

Bare så du vet det, så er jeg veldig veldig n00b i div-element. Har bare lært det grunnleggende for to dager siden. :whistle:

Endret av anderenlee
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...