Gå til innhold

Problemer med lay-out (CSS)


Anbefalte innlegg

Skrevet

Med frykt for å bli utledd nok en gang (har fått mye pes på #css på IRC). Jeg forsøker å få lay-outen til å fungere på nettsiden til skolen hvor jeg jobber. Det er ikke helt enkelt. Mitt forsøk ser så langt ut som dette: Testindex - Her ligger all CSS kodinga inne i <head>-tag'en. Når jeg får den til å fungere slik jeg vilkommer jeg til å flytte den ut i en ekstern CSS-fil.

 

Jeg ønsker at venstre og høyre div skal gå helt fra toppen til bunnen av siden (så lang som content div'en til enhver tid er). Content div'en varierer i lengde ut fra hvor mange aktive nyheter som ligger ute. Er det noen genistreker som kan gjøre at dette blir slik jeg ønsker? Jeg følerat jeger påvei et sted. Menyen som er satt inn vha php include ivenstre kolonne har eget CSS stilark, og det har også kalenderen i høyre kolonne.

 

Legger ved CSS-elementene som ligger i <head>tag'en på index4.php.

 

<head>

<style type="text/css">

#container {

width: 90%;

height: 100%;

border: 1px solid gray;

margin: 10px;

margin-left: auto;

margin-right: auto;

padding: 10px;

}

 

#banner {

padding: 5px;

margin-bottom: ;

background-color: #FFFF99;

}

 

#content {

padding: 5px;

width: 56%;

margin-left: ;

margin-right: ;

background-color: #FFFFCC;

}

 

#sidebar-a {

float: left;

width: 20%;

margin: 0;

margin-right: ;

margin-bottom: 5px;

padding: 5px;

background-color: #FFFFCC;

}

 

#sidebar-b {

float: right;

width: 20%;

margin: 0;

margin-left: ;

padding: 5px;

background-color: #FFFFCC;

}

</style>

</head>

 

 

Er utrolig takknemlig for hjelp.....:)

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...