Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) [Urgente] Posicionamento da Página

LucaPurificação

Perguntado por LucaPurificação,

 Share

Pergunta

9 respostass a esta questão

Posts Recomendados

  • 0
TibumWeb

TibumWeb

Postado
Postado (editado)

Faça uma div envolvendo toda a página e use a seguinte propriedade CSS:

<html>
<head>
   <title>Minha Página</title>
</head>
<style>
.tudo{ margin: 0 auto; width:780px; }
</style>

<body>
<div class="tudo">
todo site aqui dentro
</div>
</body>
</html>

margin 0 cola a parte superior e inferior do site no topo da janela, e margin auto da um espaçamento proporcional nas margens esquerda e direita aí fica centralizado.

Simples assim

Editado por TibumWeb
Link para o comentário
Compartilhar em outros sites
  • 0
TibumWeb

TibumWeb

Postado
Postado (editado)

Aí está sua página centralizada, só que você tem que tirar a propriedade position:absolute, ela vai colar suas div absolutamente em cima de qualquer coisa com um posicionamento fixo, use position: relative; e float para flutuar as divs para esquerda e direita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Eventos</title>
<meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
<script type="text/javascript">
<!--
function SwapImage()
{
var doc=document, args=arguments;
doc.$imgSwaps = new Array();
for(var i=2; i<args.length; i+=2)
{
var elem=FindObject(args[i]);
if(elem)
{
doc.$imgSwaps[doc.$imgSwaps.length]=elem;
elem.$src=elem.src;
elem.src=args[i+1];
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
function FindObject(id, doc)
{
var child, elem;
if(!doc)
doc=document;
if(doc.getElementById)
elem=doc.getElementById(id);
else
if(doc.layers)
child=doc.layers;
else
if(doc.all)
elem=doc.all[id];
if(elem)
return elem;
if(doc.id==id || doc.name==id)
return doc;
if(doc.childNodes)
child=doc.childNodes;
if(child)
{
for(var i=0; i<child.length; i++)
{
elem=FindObject(id,child[i]);
if(elem)
return elem;
}
}
var frm=doc.forms;
if(frm)
{
for(var i=0; i<frm.length; i++)
{
var elems=frm[i].elements;
for(var j=0; j<elems.length; j++)
{
elem=FindObject(id,elems[i]);
if(elem) return elem;
}
}
}
return null;
}
// -->
</script>
<style type="text/css">
.tudo{ width:780px; margin: 0 auto; }
a:active
{
color: #0000FF;
}
</style>
</head>
<div class="tudo">
<body bgcolor="#910003" text="#000000">
<div id="wb_Image1" style="overflow:hidden;left:2px;top:2px;z-index:0" align="left">
<img src="images/pt_01_02.gif" id="Image1" alt="" align="top" border="0" style="width:700px;height:117px;"></div>
<div id="wb_Image2" style="overflow:hidden;left:2px;top:119px;z-index:1" align="left">
<img src="images/pt_02_02.gif" id="Image2" alt="" align="top" border="0" style="width:682px;height:583px;"></div>
<div id="wb_Image3" style="overflow:hidden;left:684px;top:119px;z-index:2" align="left">
<img src="images/pt_03_02.gif" id="Image3" alt="" align="top" border="0" style="width:18px;height:19px;"></div>
<div id="wb_Image4" style="overflow:hidden;left:684px;top:138px;z-index:3" align="left">
<img src="images/pt_04_02.gif" id="Image4" alt="" align="top" border="0" style="width:18px;height:564px;"></div>
<div id="wb_NavigationBar1" style="left:62px;top:116px;width:572px;height:25px;z-index:4" align="left">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1">
<tr>
<td align="left" valign="top" width="140" height="25"><a href="home.html"><img id="img0005" src="images/img0005.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0005','images/img0005_over.gif')" onMouseOut="SwapImage(0,0,'img0005','images/img0005.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="members.html"><img id="img0006" src="images/img0006.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0006','images/img0006_over.gif')" onMouseOut="SwapImage(0,0,'img0006','images/img0006.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="players.html"><img id="img0007" src="images/img0007.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0007','images/img0007_over.gif')" onMouseOut="SwapImage(0,0,'img0007','images/img0007.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="videos.html"><img src="images/img0008.gif" alt="" name="img0008" width="140" height="25" border="0" align="top" id="img0008" onMouseOver="SwapImage(1,0,'img0008','images/img0008_over.gif')" onMouseOut="SwapImage(0,0,'img0008','images/img0008.gif')"></a></td>
</center></tr>
</table>
</div>
</body>
</html>

qualquer dúvida em contate

Editado por TibumWeb
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...