Ainda Problemas Com Posicionamento

Ai pessoal eu não falei? Estou enviando os dois documentos um css e o html que fiz, testem na resolução de 800x600 e na de 1024, notem que onde tem a frase: " A Loja da galera 100% underground " está posicionada perto do letra "C" e que quando passo pra resolução de 1024 a primeira letra vai parar embaixo da letra "r" do pro é isso que eu não estou conseguindo resolver, vocês podem me decifrar esse mistério?
Um abraço: Hailton

P.S.: Peço para quem souber como eu faço para exibir o xml em uma página html serei muito grato eu só consegui exibir a página em xml, ou seja funcionou mas ficou aparecendo o código fonte com as tags xml.

Attached Files

estilo.css 1.75KB 20 downloads
index.htm 962bytes 15 downloads

bom, o problema é que na frase estava o left:500px; e não importa o tamanho da resolução, ele iria manter os 500px da lateral absoluta da pagina.

oq eu fiz, foi alinhar a div #corpo no centro, com position:absolute; assim a frase pega como "base" a lateral da div #corpo.
vou colocar o código aqui, as partes vermelhas é onde mexi...

/* CSS Document */

body{background-color:rgb(0%,0%,0%);
text-align:center;}

#corpo{background-color:rgb(0%,0%,0%);
text-align:center;
width:800px;
margin:auto;
position:absolute;
left:50%;
margin-left:-400px;}

#cabecalho{float:left;
background-color:rgb(80%,80%,80%);
color:rgb(0%,0%,0%);
font-family:Arial;
font-weight:bold;
padding-top:20px;
font-size:36px;
width:800px;
height:100px;}
.frase{font-size:11px;}

#barra_menu{float:left;
width:795px;
text-align:center;
border-bottom:3px solid rgb(40%,40%,40%);
color:rgb(100%,100%,30%);
font-family:Arial,Times New Roman;
font-size:11px;}

#menu a.barra{text-decoration:none;
width:130px;
margin-top:10px;
text-align:center;
border-right:1px solid rgb(40%,40%,40%);
border-left:1px solid rgb(40%,40%,40%);
color:rgb(100%,100%,30%);
font-family:Arial,Times New Roman;
font-size:11px;}

#menu a.barra:active{text-decoration:none;
width:130px;
margin-top:10px;
text-align:center;
border-right:1px solid rgb(40%,40%,40%);
border-left:1px solid rgb(40%,40%,40%);
color:rgb(100%,100%,30%);
font-family:Arial,Times New Roman;
font-size:11px;}

#menu a.barra:hover{text-decoration:none;
width:130px;
margin-top:10px;
background-color:rgb(40%,40%,40%);
text-align:center;
border-right:1px solid rgb(40%,40%,40%);
border-left:1px solid rgb(40%,40%,40%);
color:rgb(100%,100%,30%);
font-family:Arial,Times New Roman;
font-size:11px;}

#menu a.barra:visited{text-decoration:none;
width:130px;
margin-top:10px;
text-align:center;
border-right:1px solid rgb(40%,40%,40%);
border-left:1px solid rgb(40%,40%,40%);
color:rgb(100%,100%,30%);
font-family:Arial,Times New Roman;
font-size:11px;}

#conteudo{float:left;
width:800px;
margin-top:10px;
font-size:11px;
text-align:justify;
font-family:Arial;
color:rgb(85%,85%,85%);}

p{text-indent:2cm;}

<html>
<head>
<title>@briuProRock - A Loja da Galera 100% Underground</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div id="corpo">
<div id="cabecalho">@briuProRock
<div class="frase" style="position:absolute; top:65px; left:490px;">A Loja da galera 100% Underground</div></div>
<div id="barra_menu">
<div id="menu">
<a class="barra" href="principal.htm">Principal</a>
<a class="barra" href="camisas.htm">Camisas</a>
<a class="barra" href="cd.htm">CD´s</a>
<a class="barra" href="piercing.htm">Piercings</a>
<a class="barra" href="tatoo.htm">Tatuagens</a>
<a class="barra" href="contato.htm">Contato</a></div>
</div>
<div id="conteudo"><p>A @briuProRock é uma loja conceituada e atuante desde o ano de 1999, criada com a o intuito de fornecer ao público em geral uma grande abrangência de produtos e serviços.</p>
<p>Aqui temos dois dos maiores tatuadores de Brasília.</p> </div>
</div>
</body>
</html>

Bom, acho que ficou certo agora...
Qualquer coisa da um bérro

Edição feita por: _Samuca_, 05/07/2006, 21:39.

#1 Hailton Gothic

Attached Files

#2 _Samuca_

1 user(s) are reading this topic

Ainda Problemas Com Posicionamento

#1 Hailton Gothic

Attached Files

#2 _Samuca_

1 user(s) are reading this topic

Entrar