Ir para conteúdo

POWERED BY:

Arquivado

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

Super_Zica_Man

Estrutura CSS IE/Firefox

Por , em Desenvolvimento frontend

Recommended Posts

Super_Zica_Man    0

Super_Zica_Man
Postado

Eu estou montando uma pagina em css.Dai centralizei e olhei no firefox "Aleluia funcionou" dai eu abro no Internet Explorer "Aff outro problema" :/

 

Como eu posso resolver?

A coluna da direita do lado do conteudo no FireFox tá normal

So que no Internet Explorer ele cai lá pra baixo...

 

Página:

http://www.montedastabocas.com.br/teste2/layout.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Super_Zica_Man    0

Super_Zica_Man
Postado

O site o link está lá em cima.

 

O código vou postar aqui:

 

layout.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Título do Site</title><link href="style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="drop_down.js"></script></head><body><div id="tudo">	<div id="topo"></div>		<div id="menu">		<ul id="nav">			<li><a href="principal.html" target="conteudo">Inicial</a></li>			<li><a href="#">A escola</a>				<ul>					<li><a href="historico.html" target="conteudo">Histórico</a></li>					<li><a href="filosofia.html" target="conteudo">Filosofia da Escola</a></li>					<li><a href="proposta_pedagogica.html" target="conteudo">Proposta Pedagócica</a></li>					<li><a href="categoriasensino.html" target="conteudo">Categorias de Ensino</a></li>					<li><a href="professores_funcionarios.html" target="conteudo">Professores e Funcionários</a></li>				</ul>			</li>			<li><a href="biblioteca.html" target="conteudo">Biblioteca</a></li>			<li><a  href="laboratorio_informatica.html" target="conteudo">Laboratórios</a>				<ul>			<li><a href="laboratorio_ciencias.html" target="conteudo">Ciências</a></li>			<li><a href="laboratorio_informatica.html" target="conteudo">Informática</a></li>				</ul>			<li><a href="#">Ginásio de Esportes</a></li>			<li><a href="#">Projetos</a>				<ul>					<li><a href="#">REDEmoinhos</a></li>					<li><a href="rede_gesac.html" target="conteudo">Comunitário-Rede GESAC</a></li>					<li><a href="#">Esportes</a></li>					<li><a href="banda.html" target="conteudo">Banda</a></li>					<li><a href="monitoria.html" target="conteudo">Monitoria</a></li>				</ul>			</li>			<li><a href="#">CPM-CE</a></li>			<li><a href="#">Grêmio Estudantil</a></li>			<li><a href="#">Eventos</a></li>			<li><a href="#">Notícias</a></li>			<li><a href="#">Atividades Complementares</a></li>			<li><a href="#">Galeria de Fotos</a></li>			<li><a href="mensagem_escola.html" target="conteudo">Mensagem da Escola</a></li>			<li><a href="fale_conosco.html" target="conteudo">Fale Conosco</a></li>		</ul>	</div>		<div id="conteudo">		<iframe frameborder="0" height="400px" name="conteudo" src="principal.html" width="440" scrolling="auto"></iframe>	</div>		<div id="noticias">	<p><strong>Projetos:</strong><img src="../MT/imagens/redemoinhos.gif" />	</p>	<p><strong>Apoio:</strong></p>	</div>		<div id="rodape"><p>® Todos os direitos reservados | <a href="#">Web Designer</a></p></div></div></body></html>

Ninguem?

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Cara no Firefox tbm está errado observe essa imagem(bem eu acho q deve ser um erro ou talvez você queira a paginas assim):

Imagem Postada

 

 

uma dica é sempre bom você pegar seu "código" todo e fazer uma limpeza nele ver o que é desnecessario

verificar se você ligou as classes corretamente

verificar se as classes não estão afetando outras TAGS

 

Utilize assim com tabelas acho você encontra menos problemas

eu fiz esse exemplo pra você ver se t serve funcionou tanto no IE quanto no Firefox Opera

<style>table.pos {				 height:200px;}table.pos td{				 vertical-align:top;/*Troque aki o alinhamento por MIDDLE, BOTTOM ou use TOP mesmo*/		 border:1px #0f0f0f solid;}</style><table class="pos">		 <tr>				<td>Menu</td>				<td>frame</td>				<td>Projetos: Apoio:</td>		 </tr></table>
ou siga o meu topico de como fazer colunas com CSS

http://forum.imasters.com.br/index.php?showtopic=242778

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

silverfox, aqui é o fórum de Webstandards, tabelas devem ser utilizadas para dados tabulares e não para estuturar o layout da página.

 

Super_Zica_Man, tem um link explicando como faz layout de três colunas aqui no fórum, olha o link a seguir:

http://forum.imasters.com.br/index.php?showtopic=222275

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

GIO! se você notou esse topico http://forum.imasters.com.br/index.php?showtopic=222275

o codigo CSS trabalha do mesmo jeito que o meu...

 

tem o uso do FLOAT:LEFT; para não haver quebra de linha

e o uso do CLEAR:BOTH; para gerar a quebra de linha

 

você entendeu agora?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Meu caro silverfox, eu não queria dizer isso, mas diante de tudo o que você vem postando aqui no fórum de Webstandards onde essas "suas dicas" não estão nada nada de acordo com o que devem ser, acho que está causando muito tumulto envolvendo o uso de tabelas...

 

Já cansamos de dizer, o gio! já deixou uma frase em vermelho em todos os seus outros posts envolvendo essa questão, mas você parece querer insistir em ir contra o bom senso e aceitar que essa sua opinião não é adeqüada...

 

Ao invés de você se reciclar com essas idéias, você prefere defendê-las até onde? Sabe que está no caminho errado e, pior, se você não quer se modernizar e aceitar as webstandards como elas são, por favor, se quer ir para o caminho errado, tudo bem, mas vá sozinho... Não incentive aqueles que estão começando agora a se atrapalharem mais ainda do que já devem estar com suas dicas...

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