CSS spørsmål

[OleUtne]

Dårlig tittel...
Jeg driver nå å bygger opp en webside (html, krydret med css). Jeg har bestemt meg for at jeg vil ha en stripete gradient i bunn av sida.

Motivet er greit nok, den har jeg fått til, og fått den til å strekke seg over hele sida og slikt, det var ikke noe problem. Men problemet er når innholdet på sida er kortere enn sjermen. Grunnen til det:

Jeg har to kolonner. Den diven som inneholder gradienten er satt til:

div#gradient {
clear: both;
}

Den legger seg da nødvendigvis i bunn av innholdet, men når vinduet er lenger enn innholdet, så går den ikke ned til bunn av vinduet.

Noen her som har noen kloke tanker om hvordan dette kan løses?

Jeg kan ikke legge ut noen link til sida eller liknende, i og med at jeg ikke har noe domene eller webhotell (teit, jeg vet det...)

[fredrikhl]

Skjønner ikke helt hva du mener? Du vil ha siden til å se slik ut? (Slik):

Kode: Merk alt

 _______________
|
|  <innhold>
|
|--------------
|  <gradient>
|_______________


I så fall: dette er to rader, ikke kolonner

Du bruker clear: both. Clear er bare en funksjon som skal brukes i forbindelse med å holde float-elementer innenfor/utenfor et gitt element.

Du ønsker å holde gradient-diven (#1) i bunnen av sida, div'en kommer etter en div(#2) med innholdet. Når ikke (#1) er lang nok, starter logisk nok (#1) for høyt oppe.

Potensiell løsning 1: Opprette en tom div mellom disse (#2 og #1), som alltid vil være stor nok til å opprettholde mellomrommet. Altså oppgi størrelser i %.
Potensiell løsning 2: Mulig at du får ønsket effekt med absolutt posisjonering, altså noe slikt:

Kode: Merk alt

#gradient {
   position : fixed;
   width : 100%%;
   height : 100px;
   bottom : 0px;
   }

Også: Post gjerne hele css-koden og html-koden på http://pastebin.co.uk/ eller tisvarende, og gi oss url.

[OleUtne]

maedhros:
Potensiell løsning 1:
Det ville i prinsippet gitt ønsket effekt, men det virker ikke som om det virker

Potensiell løsning 2:
Det er ikke ønsket effekt...

Skjønner ikke helt hva du mener? Du vil ha siden til å se slik ut? (Slik):

Kode: Merk alt

 _______________
|
|  <innhold>
|
|--------------
|  <gradient>
|_______________


I så fall: dette er to rader, ikke kolonner

Det blir to rader ja, men innholdet består av to kolonner (meny og "innhold")




Jeg kom nå på en guide jeg leste for lenge sida: http://bza.no/100-prosent-hoyde-med-css/
Den burde funke, i hvert fall i prinsippet. Problemet nå ble plutselig at når jeg setter container til å være 100% i høyde, så virker det som om den tror den er "fixed" med ett eller annet nummer av pixler
Uansett hvor mye innhold jeg har, så forandrer den seg ikke. Noe som også er litt rart, er at hvis jeg fjerne 100% i høyde, så er den konstant rundt 50 px høy... Noen som har peiling på hva som kan være grunnen?

Legger til koden min:

HTML
http://pastebin.co.uk/10599

CSS
http://pastebin.co.uk/10600

[fredrikhl]

Hva skjer her da? Du må jo legge til id'en i html-koden din. Nytter ikke bare angi #gradient uten å sette <div id="gradient" > i koden. html/php-fila aner jo ikke hvilken div som skal ha hvilken style.

[OleUtne]

Oj. Jeg aner ikke hvorfor det ikke står noen id på den aktueller diven i denne koden som jeg la ut til dere! Jeg har selvsagt gitt den riktig id. Det er absolutt ikke det som er problemet. Beklager...


Edit:
Det er tydligvis MYE som ikke har blitt med! Jeg hadde også en god det php includes og slikt, de er sporløst forsvunnet Når jeg nå prøver å endre innlegget mitt, så nekter den å sette på en id Det har ikke noe å gjøre med at jeg ikke får redigert innlegget å gjøre, jeg får redigert andre ting

[OleUtne]

Nå har jeg i hvert fal lagt ut koden på http://pastebin.co.uk/ . Det funka en god del bedre

HTML
http://pastebin.co.uk/10599

CSS
http://pastebin.co.uk/10600