Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou começando com Css e Xhtml, antes eu programava em Delphi mas resolvi aprender sobre web. E esse é o meu primeiro projeto em Tableless.
Vamos lá então, estou com problema com o nosso amigo ie6, nos outro navegadores o site aparece normal, mas no ie6 ele fica todo atravessado. Já li várias coisas sobre float duplicado e etc mas naum consigo resolver. Como sou novato nisso pesso ajuda de vcs. vou colocar o código abaixo. Agradeço a todos que ajudarem.
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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Criativa Móveis e Planejados</title>
<link rel="stylesheet" type="text/css" href="layout.css" />
</head>
<body>
<div id="barratopo"></div>
<div id="tudo">
<div id="conteudo">
<div id="endereco">
Rua General Osório nº 760, Centro, Pelotas - RS<br>
Fone: (53) ------------<br>
E-mail: -------------------------
</div>
</div>
<div id="logo">
<div id="menu">
</div>
</div>
<div id="barramenu"></div>
</div>
<div id="barrafinal"></div>
</body>
</html>CSS
@charset "utf-8";
/ CSS Document /
{ / seletor global */
margin: 0;
padding: 0;
}body
{
background-color:#000;
}
#tudo margin: 0 auto;
width: 760px;
height:420px;
background-color:#000;
}
#conteudo position:absolute;
float:left;
background-image:url(img/quadro_imagens.jpg);
background-repeat:no-repeat;
margin-left:223px;
height:340px;
width:539px;
}
#endereco font-family:Arial, Helvetica, sans-serif;
color:#FFF;
margin-top:65%;
margin-left:10px;
}
#barratopo border-style:solid;
border-color:#ACFF00;
border-width:5px;
}
#logo position:relative;
float:left;
background-image:url(img/logo_criativa-certo.jpg);
margin-top:340px;
height:80px;
width:219px;
display:inline;
}
#menu float:left;
color:#000;
margin-top:-100%;
text-align:right;
margin-right:15px;
display:inline;
}
#barramenu float:left;
width: 2px;
height:420px;
background-color:#ACFF00;
margin-left:0%;
display:inline;
}
#barrafinal border-style:solid;
border-color:#ACFF00;
border-width:10px;
}Att
Sérgio Martins
Carregando comentários...