Ir para conteúdo

POWERED BY:

Arquivado

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

jotaerre10

background

Por , em Desenvolvimento frontend

Recommended Posts

jotaerre10    0

jotaerre10
Postado

bom dia galera,

 

to yentando fazer esse layout aqui e não consigo fazer aparecer direito no firefox, no IE7 ta aparecendo normalmente o fundo do background, no firefox naum....

 

 

vejam só

 

No IE7

Imagem Postada

 

No FireFox

Imagem Postada

 

os códigos

 

deafult.css

#menu *{ 	margin: 0 auto; padding: 0; text-align: center;}body{	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;	background:url(../img/1.jpg) repeat-x fixed;	padding:0;	margin:0;}/** Topo **/#topo a{	margin:0 auto;	padding:0;	width:900px;	height:100px;	background:url(../img/2.jpg);	text-indent:-9999px;	overflow:hidden;	display:block;}/** Menu **/#menu{  	height:25px;	background:#017046;}#menu ul li{	display:inline;	}#menu ul li a{  	padding:0 30px;	text-decoration:none;	font:bold 12px/25px "Trebuchet MS", Verdana, Arial, sans-serif;	text-transform:uppercase;	color:#fff;}#menu ul li a:hover{  	padding: 5px 30px;	background:#015837;}/** Geral **/#geral{	width:900px;	margin:auto;   background:#fff url(../img/sombra-menu.gif) top no-repeat;}#geral .destaque{	width:493px;	height:287px;	background:#fafafa;	border:1px solid #eee;	margin:10px 0 5px 10px;	float:left;}#geral .menubar{	width:350px;	background:#eee;	border:1px solid #ddd;	margin:10px;	float:right;}/** Rodape **/#rodape{	width:900px;	margin:auto;	text-align:center;}
index.html

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title><?=$title;?></title><link rel="stylesheet" type="text/css" media="all" href="css/default.css" /></head><body>	<div id="topo">		<a href="#">Unimed Costa do Sol</a>	</div>	<div id="menu">		<ul>			<li><a href="index.php?page=home">home</a></li>			<li><a href="index.php?page=quemsomos">quem somos</a></li>			<li><a href="index.php?page=laudos">central de exames</a></li>			<li><a href="index.php?page=localiza">localização</a></li>			<li><a href="index.php?page=fale">contatos</a></li>		</ul>	</div>	<div id="geral">	 		<div class="destaque">					</div>		<div class="menubar">					</div>	</div>	<div id="rodape">		 	</div></body></html>
se puderem me ajudar eu agradeço...

 

ateh mais

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Ponha links com sua página fica mais faxil

mas vou tentar ajudar

 

suponho que esse fundo seja #geral

faça isso nela

#geral{	width:900px;	margin:auto;	height:auto;   background:#fff url(../img/sombra-menu.gif) top no-repeat;}
se não resolver poste um link OU a parte html

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

Amigo,

 

naum funcionou naum...

 

segue o link

 

http://www.hospitalunimedcs.com.br/post/

 

e o HTML

 

<body>	<div id="topo">		<a href="#"><img src="img/5.jpg" /></a>			</div>	<div id="menu">		<ul>			<li><a href="index.php?page=home">home</a></li>			<li><a href="index.php?page=quemsomos">quem somos</a></li>			<li><a href="index.php?page=laudos">central de exames</a></li>			<li><a href="index.php?page=localiza">localização</a></li>			<li><a href="index.php?page=fale">contatos</a></li>		</ul>	</div>	<div id="geral">	 		<div class="destaque">					</div>		<div class="menubar">					</div>	</div>	<div id="rodape">		 	</div></body>

 

e o css

 

#menu *{ 	margin: 0 auto; padding: 0; text-align: center;}img{	border:0;}body{	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;	background:url(../img/1.jpg) repeat-x fixed;	padding:0;	margin:0;}/** Topo **/#topo a{	margin:0 auto;	padding:0;	/*width:900px;*/	height:100px;	background:url(../img/4.jpg) repeat-x;	display:block;}/** Menu **/#menu{  	height:25px;	background:#017046;}#menu ul li{	display:inline;	}#menu ul li a{  	padding:0 30px;	text-decoration:none;	font:bold 12px/25px "Trebuchet MS", Verdana, Arial, sans-serif;	text-transform:uppercase;	color:#fff;}#menu ul li a:hover{  	padding: 5px 30px;	background:#015837;}/** Geral **/#geral{	width:900px;	margin:auto;	height:auto;	background:#fff url(../img/sombra-menu.gif) top no-repeat;}#geral .destaque{	width:600px;	height:287px;	background:#fafafa;	border:1px solid #eee;	margin:10px 0 5px 10px;	float:left;}#geral .menubar{	width:250px;	background:#eee;	border:1px solid #ddd;	margin:10px;	float:right;}/** Rodape **/#rodape{	width:900px;	margin:auto;	text-align:center;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

unica solução que eu achei foi essa

#geral{	width:900px;	margin:auto;	display:table;/*cuidado com esse comando :P*/	background:#fff url(../img/sombra-menu.gif) top no-repeat;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

Fala jotaerre10,

Cara montei do seguinte modo o codigo, que vejo como a melhor forma... pois usando display: table; o IE7 não reconheçe este comando já o display: inline-block; sim... mais aconselharia você a utilizar uma div geral para englobar todo conteudo como por exemplo: div site

qlqr coisa é só falar!

abs

 

 

#geral {	width: 900px;	height: auto;	margin: auto;	float: left;	display: inline-block;	background: #fff url(../img/sombra-menu.gif) no-repeat left top;}

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