Ir para conteúdo

POWERED BY:

Arquivado

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

Victor Vaizard

[Resolvido] Espaço sobrando

Por , em Desenvolvimento frontend

Recommended Posts

Victor Vaizard    0

Victor Vaizard
Postado

Iae, então... eu tô fazendo uma página aqui mais não sei porque tá sobrando um espaço no canto direito:

jksG0k.png

 

aqui o código das paginas:

 

index

 

<? require_once ("includes/config.php"); ?>
<!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" />
<title>Nico</title>
<script language="JavaScript" src="js/jQuery.js"></script>
<script language="JavaScript" src="js/Func.js"></script>
<style>
<!--
@import "css/basic.css";
-->
</style>
</head>

<body>
<div id="top"></div>
<div id="fundomenu"></div>
<div id="menu">
  <a href="#">INICIO</a>
  <div id="apDiv1"></div>
  <a href="#download">DOWNLOADS</a>
  <a href="#cadastro">CADASTRO</a>
  <a href="#infos">INFORMAÇÕES</a>
  <a href="#doacoes">DOAÇÕES</a>
  <a href="#contato">CONTATO</a>
  <a href="/forum">FÓRUM</a>
</div>
	<div id="subQuadro">
		<div id="Quadro">
           	<div id="Conteudo">
               </div><!-- /#Conteudo -->
           </div><!-- /#Quadro -->
       </div><!-- /#subQuadro -->
</body>
</html>

 

 

css

 

@charset "utf-8";
/* CSS Document */
body {
background-color:#333;
}

#menu {
position: relative;
width:98%;
left: 1%;
margin-left: 20%;
height: auto;
font-size:12px;
background-color:#FFF;
}

#fundomenu {
position: absolute;
width:100%;
left: 0%;
margin-top:20px;
margin-left: 0%;
height: 55px;
background-image:url(../img/FundoMenu.png);
}
#top {
position: absolute;
width:100%;
left: 0%;
margin-top:-8px;
margin-left: 0%;
height: 30px;
background-color:#FFF
}

a, a:visited {
border-top: 8px solid #0099FF;
position: relative;
top: -4px;
font-size: 13px;
display: block;
width: 80px;
float: left;
text-align: center;
text-decoration: none;
color: #0099FF;
margin: 0 5px;
font-family: Trebuchet MS, Verdana, Arial;
}

#subQuadro {
position:absolute;
width:92%;
height:auto;
font-size:12px;
margin-left: 2%;
margin-right: 7%;
background-image:url(../img/FundoQuadro.png);
background-repeat:repeat;
left: 2%;
top: 272px;
z-index:1;
}

#Conteudo {
margin-left: 2%;
}

#Quadro {
position: relative;
width:98%;
left: 1%;
height: auto;
font-size:12px;
background-color:#FFF;
}

 

 

Alguém pode me ajudar?

 

Eu coloquei a largura das div em 100% mais mesmo assim da pra rolar pra direita e tem aquele espaço enorme quando rola.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

        width:98%;
       left: 1%;
       margin-left: 20%;

largura de 98% mais margem esquerda de 20% > 100% ...

 

confira essas medidas.

estude box model

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito