Ir para conteúdo

Arquivado

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

LaBoss

Erro em Div's

Por , em Desenvolvimento frontend

Recommended Posts

LaBoss    0

LaBoss
Postado

Boas ppl eu tenho um site em k tenho a parte do blog em divs... do genero 3 colunas... mas fica tudo bem no FireFox e no IE7 ficam mal nao sei pk podem-me dar uma ajuda

 

Imagem no Firefox:

 

Imagem Postada

 

 

Imagem IE7

 

Imagem Postada

 

 

o CSS

 

<style type="text/css">
<!--
/* ==========================  
Cosmética, apenas para deixar apresentável:  
========================== */
h1 {
	text-align: center;
}
#geral {
	text-align: justify;
	font: 70% Verdana, Arial, 'Sans-Serif';
}
/* ==========================  
Definições das divs principais 
========================== */
#principal {
	width: 822px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
}
#esquerda {
	width: 184px;
	float: left;
}
#direita {
	width: 161px;
	float: right;
}
#conteudo {
	width: 477px;
	margin-left: 184px;
}
/* ==========================  
Definições das divs do menu da esquerda 
========================== */
.menu_1
{  
	float:left; 
	width:184px
	margin-right:0px;
	*margin-right:0px; /* IE6 e IE7 entendem */ 
}
.menu_titulo
{ 
	width:184px;
}
.menu_navegacao
{
	width: 184px;
	background: #e8e8e8;
	margin-bottom: 14px;
}
.menu_u_noticias
{
	width: 184px;
	background: #e8e8e8;
	margin-top: 8px;
}
/* ==========================  
Definições das divs do menu da direita 
========================== */
.menu_2
{  
	float:left; 
	width:161px;
}
.menu_titulo
{ 
	width:161px;
}
.menu_login
{
	width: 161px;
	background: #ffffff;
}
.menu_apoio
{
	width: 161px;
	background: #ffffff;
	margin-bottom: 14px;
}

.input_login_box {
	border: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #66CCFF;
}
/* ==========================  
Definições das divs da parte do conteúdo
========================== */
.blog
{  
	float:left; 
	width:477px
	margin-right:0px;
	*margin-right:0px; /* IE6 e IE7 entendem */ 
}
.panel
{ 
	width:477px;
	margin-bottom:5px;
	border:solid 1px #869ca4;
}
.panel_content
{
	width:477px;
}

-->
</style>

O source HTML

 

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/layout/background.jpg">

<!-- ImageReady Slices (SampleDesign_ template_byJota.psd) -->
<table id="Table_01" width="873" height="392" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr valign="top">
		<td rowspan="5" width="25" background="images/layout/lateral_1.png">
		<img src="images/layout/lateral_1.png" width="25" height="6" alt=""></td>
		<td width="822" height="98">
		<img src="images/layout/header.png" width="822" height="98" alt=""></td>
		<td rowspan="5" width="25" background="images/layout/lateral_2.png">
		<img src="images/layout/lateral_2.png" width="25" height="6" alt=""></td>
		<td width="1" height="98">
		<img src="images/layout/spacer.gif" width="1" height="98" alt=""></td>
	</tr>
	<tr valign="top">
		<td width="822" height="24" bgcolor="#363636"> </td>
		<td width="1" height="24">
		<img src="images/layout/spacer.gif" width="1" height="24" alt=""></td>
	</tr>
	<tr valign="top">
		<td width="822" height="231">
		<img src="images/layout/banner.png" width="822" height="231" alt=""></td>
		<td width="1" height="231">
		<img src="images/layout/spacer.gif" width="1" height="231" alt=""></td>
	</tr>
	<tr valign="top">
		<td width="822" height="6">
		<img src="images/layout/dividir.png" width="822" height="6" alt=""></td>
		<td width="1" height="6">
		<img src="images/layout/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr valign="top">
		<td width="822">
		<div id="principal">
			<div id="esquerda">
				<img alt="" src="Nova%20pasta/m_navegacao.png" width="184" height="26"> 
				as asdasd Conteúdo da Direita </div>
			<div id="direita">
				<img alt="" src="Nova%20pasta/m_login.png" width="161" height="26"></div>
			<div id="conteudo">
				<img alt="" src="Nova%20pasta/trabalho_recente.png" width="477" height="35"><br>
				<br>
				<br>
				<span lang="pt">asdasd<br>
				<br>
				<br>
				asdasdas</span></div>
		</div>
		</td>
	</tr>
	<tr valign="top">
		<td colspan="3" height="14">
		<img src="images/layout/footer.png" width="872" height="14" alt=""></td>
		<td width="1" height="14">
		<img src="images/layout/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->

 

Grato pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

LaBoss    0

LaBoss
Postado

uma parte esta sim mas estava-me a referir a esta aqui

 

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="principal">
            [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="esquerda">
                [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] alt="" src="Nova%20pasta/m_navegacao.png" width="184" height="26">
                as asdasd Conteúdo da Direita </div>
            [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="direita">
                [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] alt="" src="Nova%20pasta/m_login.png" width="161" height="26"></div>
            [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="conteudo">
                [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] alt="" src="Nova%20pasta/trabalho_recente.png" width="477" height="35">[url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                [url="http-~~-//december.com/html/4/element/span.html"]<span[/url] lang="pt">asdasd[url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
                asdasdas</span></div>
        </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

LaBoss    0

LaBoss
Postado

Boas ppl... ontem ficou tudoa funcionar hoje passei o ficheiro para .php e da-me mal a div do conteudo no FF

 

podem ver aqui

 

http://laboss.weblusa.org/SD/Prog/desenho.php

 

o mesmo ficheiro em html esta aqui

 

http://laboss.weblusa.org/SD/Prog/desenho.html

 

e funcina na boa alguem sabe o k se passa?

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