Ir para conteúdo

POWERED BY:

Arquivado

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

tomwp

[Resolvido] layout com erro no IE 6

Por , em Desenvolvimento frontend

Recommended Posts

tomwp    0

tomwp
Postado

Olá Comunidade!

 

Estou eu aqui com mais uma duvida de CSS...hehehehe

 

Bom vamos la...

 

depois de reformular meu layout que estava todo em tables...ficou todo em div...com ajuda do silverfox e do Roberto Tauille...

 

Bom vamos la...

a duvida eh a seguinte...

esta aqui a URL: Site

 

Bom.negocio eh o seguinte...esse layout esta funcionando mas apenas no IE 7, FF e Opera...no IE 6 esta com uns defeitos..

e eu nao estou conseguindo axar o problema..

 

Alguem poderia visualizar no IE 6 e ver pq ocorre isso?

Outra coisa..no Opera o botao escrito "Consultar" fica pra fora do espaço certo...pq isso tbm?

 

Obrigado - Tom http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

tomwp    0

tomwp
Postado

Olá Comunidade...

 

bom vim aqui postar que eu vi aqui..e ranquei o botao de dominio que tinha..entao nao precisa mais ser visualizado..q estrava com problemas e talz..

 

agora o unico problema esta a visualizacao com o IE 6..quando voce visualiza nele, todos as tags <LI> fica deformada...

 

pq acontece isso??

espero respostas - Abraços Tom 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

Consegui arrumar, mas semânticamente há coisas incorretas no seu HTML

e há coisas que você poderia fazer de outras maneiras.

tipo você criou o #AZUL só pra criar uma barra azul para que a coluna da esquerda ficasse na mesma altura

que a da direita, isso é um jeito ruim de posicionar...e tem bem mais coisas que só vão pesar atoa...

bem mas eu vou lhe passar essa tuto procure fazer a essa maneira:

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

 

bem mas por enquanto o seu código só pra quebrar o galho:

CODE
<!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" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />

<title>Web Soluction - A Solução Para Seu Negócio</title>

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

<script type="text/javascript" src="flash.js"></script>

</head>

<body>

<div id="tudo">

<!--

================================================

TOPO

================================================

-->

<div id="topo">

<script type="text/javascript">

//<![CDATA[

new Flash("topo.swf", "", "798", "168", {wmode: "normal", showMenu: "false", quality: "high"}).write();

//]]>

</script>

</div>

<!--

================================================

CONTEUDO

================================================

-->

<div id="principal">

<div id="azul"></div>

TESTE

</div>

 

<div id="navegacao">

<!--

================================================

MENU

================================================

-->

<div class="top">

 

<div class="top_texto">Menu</div>

</div>

<div class="meio">

<div id="menu_texto">

<ul>

<li><a href="#">Criação de Web Sites</a></li>

<li><a href="#">Montagem de Micros</a></li>

 

<li><a href="#">Suporte Online</a></li>

<li><a href="#">Depoimentos</a></li>

<li><a href="#">Orçamento</a></li>

<li><a href="#">Link 1</a></li>

</ul>

</div>

 

</div>

<div class="fim"></div>

<!--

================================================

DOMINIO

================================================

-->

<div class="top">

<div class="top_texto">Domínio</div>

</div>

<div class="meio">

<div class="meio_texto">

 

<span class="dominio">Verificar Domínio<br /><br />

http://www. </span><input name="textfield" type="text" class="textfield" size="11" /><br />

<div id="dominio_botao"><input type="submit" name="Submit" value="Consultar" class="buttom"/></div>

</div>

</div>

<div class="fim"></div>

<!--

================================================

PARCERIA

================================================

-->

<div class="top">

 

<div class="top_texto">Parceria</div>

</div>

<div class="meio">

<div class="meio_texto">

A <span class="ws_inter">Web Soluction</span> e a <span class="ws_inter">InterFlash Web Hosting</span> fixaram uma parceria para facilitar aos nossos clientes a montagem e hospedagem de web sites. Acesse <a href="http://www.interflash.com.br/" onclick="this.target='_blank'"><strong>InterFlash</strong></a> e veja os serviços prestados nela.

</div>

 

</div>

<div class="fim"></div>

<!--

================================================

LIMPO

================================================

-->

<div id="limpo"></div>

</div>

<!--

================================================

RODAPE

================================================

-->

<div id="rodape"></div>

</div> <!--Fechar DIV do #tudo-->

</body>

</html>

CSS:

CODE
/*

===========================================

LAYOUT DO SITE

===========================================

*/

body{

font-family: sans-serif;

font-size: 12px;

background:#2d4d88;

text-align:center;

margin:10px;

}

 

#tudo {

width:798px;

background: url(faux-bg.gif) repeat-y 0 0;

text-align:left;

margin:0 auto;

}

 

#topo {

height:168px;

background-color:#2d4d88;

}

 

#azul {

background:#6476d6;

display:block;

height:12px;

}

 

#principal {

width:615px;

background-color:#eef2fb;

float:right;

}

 

#navegacao {

width:183px;

background-color:#6476d6;

float:left;

}

 

#rodape {

height:26px;

background-color:#2d4d88;

clear:both;

background-image:url(rodape.jpg);

}

 

#limpo {

background-color:#6476d6;

height:100px;

}

 

.top {

background: #fff url(top.jpg);

height:41px;

}

 

.meio {

background-image:url(meio.jpg);

width:183px;

}

 

.fim {

background-image:url(fim.jpg);

height:5px;

font-size:1px;

}

/*

===========================================

TEXTOS DO SITE

===========================================

*/

.meio_texto {

padding-left:15px;

padding-right:15px;

}

 

.top_texto {

font-size:13px;

font-weight:bold;

color:#215dc6;

padding-left:16px;

padding-top:19px;

}

 

.ws_inter {

color:#6476d6;

}

 

.dominio {

color:#6476d6;

font-weight: bold;

}

 

#menu_texto {

padding-left:15px;

padding-right:20px;

}

 

#menu_texto ul {

list-style: none;

margin: 0;

padding: 0;

}

 

#menu_texto li {

margin: 0;

padding-left:15px;

background-image:url(menu_ico.jpg);

background-repeat: no-repeat;

background-position: left center;

}

 

#menu_texto li a {

display: block;

padding: 2px 2px 2px 0.3em;

text-decoration: none;

color:#1A1A1A;

}

 

#menu_texto li a:hover {

text-decoration:underline;

}

 

/* Fix IE. Hide from IE Mac \*/

* html #menu_texto ul li { float: left; height: 1%; }

* html #menu_texto ul li a { height: 1%; }

/* End */

 

/*

===========================================

INPUT E BOTAO DO DOMINIO

===========================================

*/

 

.textfield

{

background-color: #62B0FF;

border:none;

font-family:Arial;

font-size:11px;

color:#FFFFFF;

}

 

.buttom

{

color:#000000;

font-size:12px;

border:none;

background-color:#82C0FF;

}

 

#dominio_botao {

padding-top:4px;

padding-left:93px;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

tomwp    0

tomwp
Postado

Olá silver..

ja mexi aqui no codigo

e Obrigado http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Parabens mais uma vez!

 

vou ler sim o topico!..

obrigado..

 

Abraços - Tom 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