Problema css

[felpone]

Salve, sto cercando di creare una colonna centrale bianca nel mio layout (#container nel css sotto) ma si visualizza solo se imposto height e width in pixel e non se lo metto in percentuale.

body{
    position:absolute;
    
background-image: linear-gradient(bottom, rgb(104,192,135) 34%, rgb(136,231,162) 67%);
background-image: -o-linear-gradient(bottom, rgb(104,192,135) 34%, rgb(136,231,162) 67%);
background-image: -moz-linear-gradient(bottom, rgb(104,192,135) 34%, rgb(136,231,162) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(104,192,135) 34%, rgb(136,231,162) 67%);
background-image: -ms-linear-gradient(bottom, rgb(104,192,135) 34%, rgb(136,231,162) 67%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.34, rgb(104,192,135)),
	color-stop(0.67, rgb(136,231,162))
);





}



#container{
    height: 100%;
    width: 100%;
   border:3px solid blue;
   
   
   background-color: white;
    
    
    
}

[GI89]

Prova ad aggiungere a #container

margin: 0;
padding: 0;

[scimmiaparlante]

a me a volte succede perchè non metto le dimensioni a html e body

html, body {
height:100%;
width:100%;
}

facci sapere

[ramemc]

Sono un neofita ma che io sappia i valori in % funzionano solo relativamete al contenitore dove si trovano. Cioè devono essere all'interno di un contenitore definito in altezza o in larghezza.
Ma non ne sono troppo sicuro XD