Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Barão

Problemas com posção de imagens

Por , em Desenvolvimento frontend

Recommended Posts

Barão    0

Barão
Postado

E ai pessoas,

 

Estou tentando fazer uma página que tem uma imagem nas bordas do layout, +/- parecido com o roodapé este site:

 

http://www.newinphilly.com/

 

O problema é que, quando redimensiona a janela, a figura sai do lugar e acaba com o layout.

 

Como faço para as imagens se comportarem como naquele site ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Barão    0

Barão
Postado

E ai pessoas,

 

Resolvi parte do meu problema, mas ainda não está como gostaria.

 

Formatei três imagens: uma para o cabeçalho, outra para o fundo da página e um para o rodapé.

 

CSS

body {	margin:0;	padding:0;	background:#BAC2CA url(fundo.gif) repeat-y center;	text-align:center; /* hack para o IE */	}a:hover {	text-decoration: none;	color: #FFCC00;}#tudo {	width: 685px;	margin: 0;	text-align:left;	position: relative;  /* Armengue para aparecer no IE */}#cabecalho {	background-image: url(cabecalho.jpg);	background-repeat: no-repeat;	background-position: center top;	height: 76px;}#conteudo {	top: 76px;	float: left;	width: 475px;	padding-right: 10px;	padding-left: 10px;	padding-top: 20px;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	vertical-align: top;}#menu {	height: 23px;	width: 204px;	top: 76px;	float: right;	background-image: url(botao.jpg);	background-repeat: no-repeat;	background-position: right center;	padding-left: 7px;}.link_menu {	color: #FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	text-decoration: none;	vertical-align: middle;}#rodape {	clear:both;	background-image: url(rodape.jpg);	background-repeat: repeat-x;	background-position: center bottom;	width: 684px;	height: 76;	bottom: 0px;}
HTML

<body><div id="tudo">   <div id="cabecalho"> </div>  <div id="conteudo">    <p>Conteúdo</p>  </div>  <div id="menu">xxx</div><div id="rodape"> </div> </body>
Só que a imagem do rodapé não fica na parte de baix o do site. Fica no final da DIV conteúdo (+/- no meio da página).

 

Alguém sabe como arrumar isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito