3 replies to this topic

[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;

}

[Claudiobrother]

Comece editando aqui:

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

[sararinhojj]

editei 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;
}

[Claudiobrother]

Aproveitando que vc está aqui, eu vou postar a folha de estilo que eu editei um pouquinho

Lá vai:

html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#ddd;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo { 
	width:779px;
	position:relative;  /*Contexto de posicionamento */
	background:#fff url(bg-auxiliar.gif) repeat-y right;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border:solid #333;
	border-width:0 1px;
	}
 * html #tudo {height: 100%;}
#conteudo {padding-bottom:30px;}
#topo {
	background:#cfc;
	width:779px;
	height:139px;
	text-align:center;
	padding-top:1px;
	}
#principal {
	width:510px;
	padding-left:20px;
	float:left;
	padding-top:10px;
	text-align:justify;
	}
#auxiliar {
	width:200px;
	float:right;
	padding-top:10px;
	}
#rodape {
	background:#b0f1b0 url(carrosecia_arquivos/rodappe.jpg) no-repeat;
	width:779px;
	height:20px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	}
#rodape p {
	margin:0;
	font-weight:bold;
	color:#060;
	}
ul {
	width:190px;
	margin:0;
	padding:0;
	list-style:none;
	}
ul li {margin:1px 0; }
ul li a, ul li a:visited {
	height:1%;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	background:#060;
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
	}
ul li a:hover {
	background:#9f9;
	color:#060;
	}
h1, h2, h4 { 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#060;
	}
h4 {font-size:16px;}
.clear {clear:both;}
#nav li.um {
	margin-bottom:8px;
	text-align:center;
		}

Bom editei hoje o restante do codigo que agora está do jeito que vc queria. Ok? Então fica ao teu critério mudar ou não o estilo.

Abraço!

Edição feita por: Claudiobrother, 20/07/2009, 19:50.