Ir para conteúdo

POWERED BY:

Arquivado

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

Rspina

erro para posicionar uma div.....

Por , em Desenvolvimento frontend

Recommended Posts

Rspina    0

Rspina
Postado

Olá pessoal, não estou conseguindo posicionar uma div nu lugar correto....

 

veja como deve ser:

 

http://www.fohatlux.com.br/lixo.jpg

 

Na verdade o erro esta na div em amarelo "data".

 

meu codigo.....

 

/* CSS Document */html, body {height: 100%;}body {margin: 0;padding: 0;text-align: center;background: #E4E5C5 url(img/backgroundleft.jpg) repeat-x left top;}#direita {background: url(img/backgroundright.jpg) repeat-x right top;width: 50%;position: absolute;right: 0;top: 0;height: 165px;z-index: 1;}#conteudo {width: 778px;background-color: #FFFFFF;margin: 0 auto;margin-left: -390px;left: 50%;z-index: 2;height: 100%;position: absolute;}#titulo{margin:0;padding:0;width:644px;height:37px;background-color:#CCCCCC;float:left;}#menu{margin:0;padding:0;width:644px;height:31px;background-color:#0066FF;float:left;	}#brasao{margin:0;padding:0;width:134px;height:134px;background-color:#009900;float:right;}#box{margin:0;padding:0;width:182px;height:95px;background-color:#FF0000;float:left;}#chamada{margin:0;padding:0;width:182px;height:66px;background-color:#cccccc;float:left;}#data{margin:0;padding:0;width:182px;height:29px;background-color:#FFFF00;float:left;}#ilustracao{margin:0;padding:0;width:462px;height:155px;background-color:#666666;float:left;}#hora{margin:0;padding:0;width:134px;height:29px;background-color:#00FF00;float:right;}----------------------------------------------------<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="pt"><head><title>Untitled Document</title><link href="lixo.css" rel="stylesheet" type="text/css" /></head><body><div id="conteudo">  <div id="titulo">titulo</div>  <div id="brasao">logo</div>  <div id="menu">menu</div>  <div id="chamada">chamada</div>  <div id="data">data</div>  <div id="ilustracao">ilustracao</div>  <div id="hora">hora</div></div><div id="esquerda"></div><div id="direita"></div></body></html>

valeu.....

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

layout bem confuso hein cara... fiquei perdidim aki... meio poluido visualmente falando... ;) mas, vamos lah... c tem q organizar mais o layout... ele tah com mais conteudo, digamos um pouco sujo, mas acho q a semantica e o posicionamento melhorado... ;)

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt">
<head>
<title>Untitled Document</title>
<style type="text/css">
html, body {
height: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
background: #E4E5C5 url(img/backgroundleft.jpg) repeat-x left top;
}

#direita {
background: url(img/backgroundright.jpg) repeat-x right top;
width: 50%;
position: absolute;
right: 0;
top: 0;
height: 165px;
z-index: 1;
}

#meioEsquerda {
width:644px;
float: left;
}

#meioDireita {
width:134px;
float: right;
}

#meioChamadaData {
width:182px;
float: left;
}

#conteudo {
width: 778px;
background-color: #FFFFFF;
margin: 0 auto;
margin-left: -390px;
left: 50%;
z-index: 2;
height: 100%;
position: absolute;
}

#titulo{
margin:0;
padding:0;
width:644px;
height:37px;
background-color:#CCCCCC;
float:left;
}

#menu{
margin:0;
padding:0;
width:644px;
height:31px;
background-color:#0066FF;
float:left;
}

#brasao{
margin:0;
padding:0;
width:134px;
height:134px;
background-color:#009900;
float:right;
}

#box{
margin:0;
padding:0;
width:182px;
height:95px;
background-color:#FF0000;
float:left;
}

#chamada{
margin:0;
padding:0;
height:66px;
background-color:#cccccc;
}

#data{
margin: 0;
padding:0;
height:29px;
background-color:#FFFF00;
}

#ilustracao{
margin:0;
padding:0;
width:462px;
height:155px;
background-color:#666666;
float: right;
}

#hora{
margin:0;
padding:0;
width:134px;
height:29px;
background-color:#00FF00;
float:right;

}
</style>
</head>
<body>
<div id="conteudo">
	<div id="meioEsquerda">
		<div id="titulo">titulo</div>
		<div id="menu">menu</div>
		<div id="meioChamadaData">
			<div id="chamada">chamada</div>
			<div id="data">data</div>
		</div>
		<div id="ilustracao">ilustracao</div>
	</div>
	<div id="meioDireita">
		<div id="brasao">logo</div>
		<div id="hora">hora</div>
	</div>
</div>
<div id="direita"></div>
</body>
</html>

 

falow http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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