Beste måten å lage vertikale DIV-sidekolonner

Beste måten å lage vertikale DIV-sidekolonner

Innleggav lifeform » ons 08.02.2012 14:06

Hei,

Beste måten å få div-tagger i sidekolonner og hovedfelt til å strekke seg 100% nedover selv om innholdet bare er på et par linjer ?

Har problemer med at bakgrunnen ikke repeterer seg mer enn et par ganger.

Har prøvd med koden:

Kode: Merk alt
background:url(src/rightborder.jpg);
background-repeat: repeat-y;



Er et fire kolonners design med en sidebar og et hovedfelt + en kolonne på hver side for skygge effekten:

Kode: Merk alt
.leftborder {
   background:url(src/leftborder.jpg);
   background-repeat: repeat-y;
   width: 18px;
   float:left;
   padding-top:10px;
   padding-bottom:25px;
   
}
.leftcol {
   width: 206px;
   float:left;
   padding-bottom:25px;
   padding-top:10px;
   padding-left:15px;
   padding-right:10px;
   background-color:#f3f3f3;
   
}

.maincol {
   width: 718px;
   height:100%;
   float:left;
   background:url(src/maincol.jpg);
   background-repeat: repeat-y;
   padding-left:26px;
   padding-top:10px;
   padding-right:16px;
   padding-bottom:25px;
    min-height: 100%;
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%;
    margin: 0 auto;
}


.rightborder {
   background:url(src/rightborder.jpg);
   background-repeat: repeat-y;
   width: 20px;
   height:100%;
   float:left;
   padding-top:10px;
   padding-bottom:25px;
   margin-right:0;
   padding-right:0;

   }



Hva er trikset her ?


Update: Fjuska det til med å sette vertikal-repeat av bakgrunnsbildet som et utsnitt av alle kolonnene i Photoshop-designet mitt. Ref. http://www.alistapart.com/articles/fauxcolumns/
medlem i 108 måneder
 

Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]