Ir para conteúdo

POWERED BY:

Arquivado

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

FixBoot

Erro de CSS no IE

Por , em Desenvolvimento frontend

Recommended Posts

FixBoot    0

FixBoot
Postado

Ola amigos, queria saber porque na pagina inicial o layout esta ok, mas na segunda fica desse jeito...

 

Index

index2.jpg

 

Quem somos

quemsomos.jpg

 

 

o CSS

 

body{background: #6d0019; }

/*================ Layout.tpl INICIO ===================*/

 

/* Container */

.container{width:995px; height:auto; margin:5px auto;}

 

/* ----------------- MENU -----------------*/

#menu {

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

font-weight: bold;

text-transform: uppercase;

margin: 11px auto;

padding: 0 0 0 10px;

list-style-type: none;

font-size: 13px;

background: #eee;

height: 40px;

border-top: 2px solid #eee;

border-left: 2px solid #eee;

border-bottom: 2px solid #ccc;

border-right: 2px solid #ccc;

}

#menu li {

float: left;

margin: 0;

 

}

#menu li a {

text-decoration: none;

border-left: 1px dotted #FFFFFF;

display: block;

padding: 0 20px;

line-height: 40px;

color: #666;

}

#menu .ult{

border-right: 1px dotted #FFFFFF;

}

 

#menu li a:hover{

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

border-bottom: 2px solid #DDD;

color: #999;

text-decoration:underline;

}

 

#menu.black {

border-top: 2px solid #333;

border-left: 2px solid #333;

border-bottom: 2px solid #000;

border-right: 2px solid #000;

padding-left:116px;

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

#menu.black a {color: #CCC;}

#menu.black li a:hover{color: #ECECF2;

background: rgb(130,140,149); /* Old browsers */

background: -moz-linear-gradient(top, rgba(130,140,149,1) 10%, rgba(40,52,59,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(130,140,149,1) 10%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(130,140,149,1) 10%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(130,140,149,1) 10%,rgba(40,52,59,1) 100%); /* IE10+ */

background: linear-gradient(top, rgba(130,140,149,1) 10%,rgba(40,52,59,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

border-bottom: 2px solid #444;}

 

.footer{clear:both; width:995px; height:35px;

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

.footer h3{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; float:right; margin:10px;}

.footer h1{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCC; float:left; }

.footer a{text-decoration:none; color:#CCC;}

.footer a:hover{text-decoration:underline;}

 

 

/*================ quemsomos.tpl inicio ===================*/

.quemsomos img{border-radius:0px 10px 10px 0px; border-bottom:2px solid #FFF;border-top:2px solid #FFF;border-right:2px solid #FFF; float:left; margin:35px 0px;}

.quemsomos h2{ color: #FFFFFF; display: block;float: left; font-size:16px; font-family:Verdana, Geneva, sans-serif; height: 36px; margin: 15px 0px 0px 108px; width: 475px;}

.conteudo_quemsomos{width:500px; float:left; margin:0px 0px 20px 101px; background:#FBFBFB; border-radius:10px;}

.conteudo_quemsomos p{font-family: Verdana, Geneva, sans-serif; font-size:12px; letter-spacing:1px; padding:10px 10px 0px 10px;}

 

 

O 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=utf8" />

<link rel="stylesheet" href="resources/css/estilo.css" type="text/css" />

<title></title>

</head>

 

<body>

<div class="container">

<div class="header">

<ul id="menu" class="black">

<li><a href="index.php">Home</a></li>

<li><a href="quemsomos.php">Quem Somos</a></li>

<li><a href="contato.php">Contato</a></li>

<li><a href="oportunidade.php">Oportunidades</a></li>

<li><a href="login.php">Faça Login</a></li>

<li class="ult"><a href="cadastro.php">Cadastre-se</a></li>

</ul>

</div>

<div class="content">

 

<div class="quemsomos">

<img src="resources/imagens/img_index.jpg" alt="NC Associados Agência de empregos" title="Vagas de emprego" />

<h2>Quem Somos</h2>

<div class="conteudo_quemsomos">

<p>NC Associados é onde você encontra a vaga certa para o seu futuro.</p>

<p> A NC Associados é uma empresa de recursos humanos que atende a pequenas, médias e grandes empresas em todo o Rio Grande do Sul. </p>

<p> A partir do momento em que você se cadastra na NC Associados, em busca do emprego que sempre desejou, tornamo-nos responsáveis por encontrar a vaga certa, feita para você.</p> </div>

<h2>Serviços</h2>

<div class="conteudo_quemsomos">

<p>Disponibilizamos serviços de recrutamento para empresas oferecendo vagas e selecionando pessoas com o perfil desejado.</p>

</div>

</div>

</div>

 

 

<div class="footer">

<!-- <h1>NC Associados vagas para emprego vagas para estágio.</h1> -->

<h3 class="rodape">Desenvolvido por <a href="http://www.maxxicomm.com.br">Maxxicomm</a></h3>

</div>

 

</div>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Precisamos do html também, porque isso está com cara de que está faltando alguma div.

 

Se puder posta um link de um servidor o qual o site esteja hospedado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

faz a centralização da página no body. Funciona tb. E aproveite para estilizar o background com a estilização do html tb.

 

html{background:red}
body{margin: 0 auto;width:1000px}

Compartilhar este post

Link para o post
Compartilhar em outros sites

FixBoot    0

FixBoot
Postado
faz a centralização da página no body.E aproveite para estilizar o background com a estilização do html tb.

 

 

 

Fiz a centralização da body e a estilização do html mas nao rolou ;(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Uma vez que o CSS é o mesmo para ambas as páginas, o problema está no markup, que é quem diverge de uma para a outra. Poste o dos dois mas, desde já, procure possíveis diferenças entre as marcações que você provavelmente encontrará o problema sozinho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado
5 - Postar a marcação gerada

Muitas vezes, a marcação vem de uma linguagem server-side como PHP, ASP e JSP. Quem pretende lhe ajudar pode não ter disponível para testes a tecnologia (ou definições) que você tem no seu site. Para postar a marcação necessária, exiba a página no navegador e mande exibir o código fonte (atalho padrão CTRL + U).

http://forum.imasters.com.br/topic/212439-como-criar-um-topico-para-o-seu-problema/

 

Sério mesmo que você espera que eu baixe e configure o Smarty só pra te ajudar??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Azevedo    0

Luiz Azevedo
Postado

Esta com aparência de ter código antes do doctype mesmo..

Faça a utilização dele e mande o código fonte, mas faça isto pelo chrome ou firefox, o IE provavelmente vai tentar executar a página sem post ou ql qr requisição..

 

Mas valide o seu CSS na W3C, se for erro de css você vai encontrar por ele facilmente.

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