Ir para conteúdo

POWERED BY:

Arquivado

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

Trina

problemas de alinhamento com I.E 6

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Trina    0

Trina
Postado

Bom estou tentando terminar um site que um outro estagiario começou e estou tendo problemas com o IE 6.

O site tah sendo feito em Dreamweaver CS3

 

No FireFox as divs ficam bonitinhas lado a lado, mas no IE 6 não está funcionando da mesma forma... a div do menu fica em diagonal superior com o contenúdo do site.

o site está hospedado aqui!

 

http://www.bookfilmes.com.br/site/index.html

 

o outro problema que está ocorrendo é que coloquei as margens de 40px em todas as paginas, mas mesmo assim o menu lateral fica "sambando" na tela, por exemplo no home o menu tah na lateral bonitinho aí se for pra página portfólio o menu vai um pouco pra diagonal direita e assim vai, aquela porcaria fica subindo e descendo na página...

 

e o copyright tah sumindo da tela =/ não sei se é só aqui. Alguém pode me ajudar?

 

Segue o codigo da página home

 

<!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" />

<meta name="language" content="pt-br" />

<META NAME="title" CONTENT="Book Filmes"/>

<META NAME="description" CONTENT="">

<META NAME="keywords" CONTENT="">

<META NAME="url" CONTENT="http://www.boockfilmes.com.br">

 

<link rel="icon" href="images/favicon.gif" type="image/x-icon" />

<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon" />

<link rel="apple-touch-icon" href="images/favicon.gif" type="image/x-icon" />

 

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

<title>Book Filmes</title>

 

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

</head>

 

<body>

<div id="wrapper">

<div id="first-col">

 

<div align="center">

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0,width,240,height,700,src,swf/menu2,quality,high,wmode,transparent,pluginspage,http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash,movie,swf/menu2' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="240" height="700">

<param name="movie" value="swf/menu2.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="swf/menu2.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="240" height="700"></embed>

</object>

</noscript>

</div>

</div>

<div id="second-col">

<p> </p>

<h3>Home</h3>

</div>

<div id="second-1col"></div>

<div id="second-col">

<h5>BOOK FILMES</h5>

<p>Produtora de conteúdo audiovisual para cinema, TV e empresas, fundada em 2006 pela jornalista, produtora e documentarista Isabella Nicolas.<br /></p>

<p>A empresa, especializada em documentários, video-releases e vídeos institucionais, também faz produção e cobertura de eventos, além de produzir clipes, curtas e longa-metragens.<br />

</p>

<p>Atualmente, a BOOK FILMES está lançando dois documentários de longa-metragem, ambos dirigidos por Isabella Nicolas. O primeiro, lançado em 1º de abril no Rio de Janeiro, "Senhores do Vento", conta a aventura brasileira nos mares do mundo, com a saga do Brasil 1, único barco brasileiro a participar da Volvo OCean Race, maior regata de volta ao mundo da atualidade.<br />

</p>

<p>O segundo, intitulado "O Cinema Brasileiro no Século XX", tem estréia prevista para outubro de 2009 em salas de cinema, com posterior exibição por canal a cabo. Contando a história do cinema nacional, desde o primeiro filme em 1898 até a as primeiras produções de 2001, o conteúdo deste filme já gerou um livro homônimo, editado pela própria jornalista e patrocinado pela Petrobras Distribuidora.

</p>

</p>

<p>A Book Filmes é responsável pela produção dos vídeo-releases da Sony Music e da Day 1 Entertainement.</p>

<p><br />

A BOOK FILMES também loca equipamentos, para mais informações clique <a href="locacao.html">aqui</a>.</p>

</div>

<div id="second-2col"></div>

<div id="second-col">

<div class="mapa"><a href="home.html" title="Home" target="_self">home</a> | <a href="portfolio.html" title="Portfolio" target="_self">portfolio</a> | <a href="locacao.html" title="Locação de Equipamentos" target="_self">locação de equipamentos</a> | <a href="quemsomos.html" title="Quem Somos" target="_self">quem somos</a> | <a href="clipping2.html" title="Clipping" target="_self">clipping</a> | <a href="contato.html" title="Contato" target="_self">contato</a></div>

<div class="copyrights">Book Filmes © 2009 | <a href="http://www.novacomunicacao.tv.br" target="_blank">novacomunicacao.tv.br</a></div>

</div>

<div id="second-2col"><br/></div>

</div>

</body>

</html>

CSS

 

@charset "utf-8";

/* CSS Document */

 

body,td,th {

margin: 40;

width: 100%;

color: #999999;

font:13px/17px Verdana, Arial, Helvetica, sans-serif;

background-attachment: fixed;

background-color: #383431;

background-image: url(images/bk1.jpg);

background-repeat: repeat-y;

background-position: center top;

}

a:link {

color: #fff;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #FDC800;

}

a:hover {

text-decoration: none;

color: #FDC800;

}

a:active {

text-decoration: none;

}

h1 {

font-size: 1.5em;

font-weight:bold;

color: #FDC800;

}

 

h2 {

font-size: 1.5em;

font-weight:bold;

color: #CCCCCC;

}

 

h3 {

font-size: 2em;

font-weight:bold;

color: #FDC800;

}

 

h4 {

font-size: 2em;

font-weight:bold;

color: #CCCCCC;

}

 

h5 {

font-size: 1.2em;

font-weight:bold;

color: #FDC800;

}

 

h6 {

font-size: 1.2em;

font-weight:bold;

color: #CCCCCC;

}

 

blockquote {

padding: 0 0 0 23px;

margin: 12px;

color: #666;

background:url(images/quote.png) no-repeat top left;

font-style: italic;

font-weight: normal;

}

#wrapper {

clear:both;

width:1000px;

margin: 0 auto;

padding:0;

position:relative;

}

#first-col{

text-align:justify;

float:left;

position:absolute;

width:240px;

height:auto;

margin: 0 10px 0 50px;

}

#second-1col{

background:url(images/2body_shadow.jpg) bottom center no-repeat;

position:relative;

padding:30px 0 0 0;

text-align:justify;

float:right;

width:600px;

height:auto;

margin: 0 50px 0 10px;

}

#second-col{

position:relative;

padding:10px 0 10px 0;

text-align:justify;

float:right;

width:600px;

height:auto;

margin: 0 50px 0 10px;

background-color: #383431;

}

#second-2col{

background:url(images/body_shadow.jpg) top center no-repeat;

position:relative;

padding:0 0 30px 0;

text-align:justify;

float:right;

width:600px;

height:auto;

margin: 0 50px 0 10px;

}

 

/* footer*/

#footer{

background: #425170 url(images/back4.jpg) no-repeat top center;

background-repeat:no-repeat;

clear:both;

margin-left:1px;

margin-top:20px;

height:auto;

width:900px;

color: #BCB7C8;

}

#footer a{

color: #FDC800;

text-decoration:none;

}

#footer a:hover{

color:#ffffff;

text-decoration:none;

}

.copyrights{

font:11px verdana;

text-align: center;

padding-bottom:10px;

position: fixed;

}

.mapa{

font-weight: bold;

text-align: center;

padding-top:10px;

padding-bottom:5px;

}

#leftcolumn{

margin: 0px auto 0 auto;

float: left;

width: 150px; /*Width of left column in pixel*/

margin-left: auto; /*Set margin to that of -(MainContainerWidth)*/

height: auto;

text-align:center;

}

 

#rightcolumn{

margin: 0px auto 0 auto;

float: left;

width: 600px; /*Width of right column*/

margin-right: auto; /*Set left margin to -(RightColumnWidth)*/

height: auto;

text-align:justify;

}

.comp {

float: left;

width: 49px;

text-align: leftjustify;

height: auto;

}

 

.tabela{

vertical-align:top;

}

 

td{vertical-align:top;

}

tr{

vertical-align:top;

 

}

obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro de Jesus    5

Leandro de Jesus
Postado

Cara segue uma dica ai para você arrumar em todos os IE6 sem precisar ficar criando dois estilos..

Pra funciona tranquilo isso ( Graças à Deus) rs..

 

 margin-top:7px; /* Todos os navegadores interpretam essa linha: Firefox, IE7 e IE6 */
 _margin-left:7px;/* Apenas IE6  as vezes tem que deixar metada do valor do normal*/ 
*margin-left:7px;/* Apenas IE7 e IE6  aqui tbm */

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito