problema com posicionamento

[sararinhojj]

pessoal segui o tutorial do maujor para a pagina ficar 100% na tela mas mesmo assim não consegui veja o

http://carrosecia.6te.net/

meu css

@charset "utf-8";
.estilo {
}

html , body{
margin:0; 
    padding:0;
    background:#999999;
    
height:100%;
}

* html #principal{
height:100%}

#principal{background: #666666;

width:830px;
margin-left:auto;
margin-right:auto;

min-height:100%;/**/

position:relative;

}

#topo{background: url(menu.jpg);
border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:136px;
}

#conteudo{background: #FFFFFF;
border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;


}

}


#flash{ background:#FFFFFF;

margin:0;
width:250px;
margin-left:auto;
margin-right:auto;
height:180px;


float:left;
}

#rodape{ background: url(rodappe.jpg);
border-left:1px  solid #000000;
border-right:1px solid #000000;


width:779px;
margin-left:auto;
margin-right:auto;
height:20px;
position:absolute;
bottom:0;

}

[Jonathan Queiroz]

Nem todos os estilos estão fechados corretamente

Por exemplo:

#conteudo{background: #FFFFFF;
border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;


}

}

Obs.:

Ao utilizar códigos, utilize as tag's necessárias para facilitar o entendimento (como [code], por exemplo)

Mais informações: http://scriptbrasil.com.br/forum/index.php?showtopic=131737

[sararinhojj]

fechei e continua a mesma coisa

@charset "utf-8";
.estilo {
}

html , body{
margin:0; 
    padding:0;
    background:#999999;
    
height:100%;
}


    
    

* html #principal{
height:100%}

#principal{background: #666666;



width:830px;
margin-left:auto;
margin-right:auto;

min-height:100%;/**/


position:relative;




}




#topo{background: url(menu.jpg);
background-repeat:no-repeat;

border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:136px;



}

#conteudo{background: #FFFFFF;
border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;


}


#flash{ background:#FFFFFF;


margin:0;
width:250px;
margin-left:auto;
margin-right:auto;
height:180px;


float:left;
}

#rodape{ background: url(rodappe.jpg);
background-repeat:no-repeat;
border-left:1px  solid #000000;
border-right:1px solid #000000;


width:779px;
margin-left:auto;
margin-right:auto;
height:20px;
position:absolute;
bottom:0;


}

[tiago31]

tente esse codigo para ver se vai funcionar..

@charset "utf-8";
.estilo {
}

html , body{
margin:0;
    padding:0;
    background-color:#999999;
    
height:auto;
}
    

* html #principal{
height:100%;
}

#principal{
background-color:#666666;



width:830px;
margin-left:auto;
margin-right:auto;

min-height:100%;/**/


position:relative;

}




#topo{
background-image:url(menu.jpg);
background-repeat:no-repeat;

border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:136px;

}

#conteudo{
background-color: #FFFFFF;
border-left:1px  solid #000000;
border-right:1px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;

}


#flash{
background-color:#FFFFFF;


margin:0;
width:250px;
margin-left:auto;
margin-right:auto;
height:180px;


float:left;
}

#rodape{
background-image:url(rodappe.jpg);
background-repeat:no-repeat;
border-left:1px  solid #000000;
border-right:1px solid #000000;


width:779px;
margin-left:auto;
margin-right:auto;
height:20px;
position:absolute;
bottom:0;

}

Editado Julho 20, 2009 por tiago31

[Anderson Ferreira]

http://scriptbrasil.com.br/forum/index.php...139390&st=0