Ir para conteúdo

POWERED BY:

Arquivado

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

Davi Sabbag

[Resolvido] Como fazer um site fixo, colado em todas as bordas?

Recommended Posts

Bom dia pessoal, estou com uma dúvida que está me travando para a criação de novos sites.

 

Quero saber como fazer com que as tabelas no dreamweaver fiquem fixas nas bordas, sem scroll, com mobilidade para resoluções de computadores diferentes, para o site ficar exatamente assim como na imagem:

http://www.namasteyoga.com.br/sitelecourucci-04.jpg

 

Dei uma pesquisada e achei uma dúvida parecida com a minha, mas fiz o procedimento e não deu certo.

Coloquei o topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" no <body mas ainda sim ficou uma bordinha branca e uma borda grande embaixo.

Reparem: http://www.namasteyoga.com.br/testetabela2.htm

 

Quero que fique grudado como um layer em todos os cantos, sem nenhuma bordinha, mas com a mobilidade da tabela, que se adapte em todas as resoluções.

Colado assim (o bege é tabela e o vermelho é o layer): http://www.namasteyoga.com.br/testetabela.htm

 

Alguém pode me ajudar?

Desde já obrigado!

 

Davi

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dei uma pesquisada e achei uma dúvida parecida com a minha, mas fiz o procedimento e não deu certo.

Coloquei o topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" no <body mas ainda sim ficou uma bordinha branca e uma borda grande embaixo.

Reparem: http://www.namasteyo...estetabela2.htm

Coloque o height 100%, está com 595.

 

<table width="100%" height="100%" >

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dei uma pesquisada e achei uma dúvida parecida com a minha, mas fiz o procedimento e não deu certo.

Coloquei o topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" no <body mas ainda sim ficou uma bordinha branca e uma borda grande embaixo.

Reparem: http://www.namasteyo...estetabela2.htm

Coloque o height 100%, está com 595.

 

<table width="100%" height="100%" >

[]'s

 

Ah sim, valeu!

Mas e quanto as bordinhas finas em volta, tem alguma solução?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O CSS coloca entra as tags <head></head>

 

Segue o exemplo como eu fiz, troquei o modo como "zero" as bordas também no html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!-- CSS -->
<style type="text/css">
* {margin:0; padding:0;}
</style>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" >
  <tr> 
    <td height="570" bgcolor="#999900"> 
      <p> </p>
      <p> </p>

      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p></td>
  </tr>
</table>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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