Entrar

problema plantilla no centrada

Jennyfer · · Solicitar retirada
he aplicado 1 plantilla para mi web pero no se me centra y en la derecha sale un hueco blanco o negro depende si le borro unos codigos... quisiera que mi plantilla se viera pegada a la derecha os dejo el codigo por si veis el fallo, gracias d antemano :
<!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>
<title>Company Name</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
<link href="images/style1.css" rel="stylesheet" type="text/css" />
<style type="text/css"> AQUI IBA EL CODIGO BORRADO (SIN EL SE VE BLANCO)
</style>
</head>
<body>
<div id="page">
<div id="header">
<div id="img1" >
<p class="welcome">
Bambino
Teatro
</p>

</div>
<div id="img2"><a href="#" class="links">






</a>
INICIO</div>
<div id="img3" >
<a href="#" class="links">




</a> SOCIOS
</div>
<div id="img4" >
<a href="#" class="links">




</a> PROYECTOS
</div>
<div id="img5" >
<a href="#" class="links">




</a> PRODUCTS
</div>
<div id="img6" >
<a href="#" class="links">




</a> CONTACT
</div>
<div id="img7" >
[contenido no disponible]
</div>
</div>
<div id="bodysect1">
<div id="sec1" class="sec1">
<div align="left"><span class="orange">
























Enter your Email ID:
</span>

<input name="textfield" type="text" size="15" align="middle" />
<span class="orange">



Upload Your Resume ID:</span>



<input name="textfield1" type="text" size="15" />
</div>
<div id="sec2" class="sec2">
<span class="welcome1">



Welcome To Our Site!</span>




<span class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minimeniam, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt</span>.



more>></div>
<div id="sec3" class="sec3">
<span class="product">


Products of this Week
</span>:



<span class="text">Lorem ipsum dolor sit amet,

consectetueradipiscing elit,

sed diem nonummy nibheuismod

tincidunt ut lacreet dolore magna </span>

<span class="product">

Company Overview:</span>



<span class="text">Lorem ipsum dolor sit amet,

consectetueradipiscing elit,

sed diem nonummy nibheuismod

tincidunt ut lacreet dolore magna</span></div>
</div>
</div>
<div id="bodysect2">
<div id="sec4" class="sec4">
<span class="product">

Our Testimonials: </span>


<span class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt




Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt


more>></span></div>
<div id="sec5" class="sec5">
<span class="product">
About Us: </span>



<span class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minimeniam, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nummy nibh euismod tincidunt. Lorem ipsum dolor sitamet,consectetuer adipiscing elit, sed iem nummynibh euismod tincidunt</span>.....

more>></div>
<div id="sec6" class="sec6">
[contenido no disponible]

[contenido no disponible]more>></div>
</div>
<div id="bodysect3" class="sect4">
<div align="center"><span class="footer">Copyright Information</span>


</div>
</div>
</div>
</body>
</html>
power · · Solicitar retirada
am es una plantilla ya diseñada pues....

aver no tengo ni la menor idea si te puedes registrar pero supongo que no podras


y tienes hoja de estilos o las platillas no llevan
Jennyfer · · Solicitar retirada
Esto es lo que borre del index (no de la hoja css) y por lo que se ve negro el hueco blanco de la izquierda:
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}-->


La plantilla si trae hoja de estilos, trae 2:

STYLE.CSS

.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.orange
{
font-family:Verdana;
color:#FDAA29;
font-size:10px;
font-weight:bold;
}
.welcome
{
font-family:ZapfChan Dm BT;
color:#58A4BA;
font-size:18px;
font-weight: normal ;
}
.product {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #C56950;
}
.links {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

STYLE1.CSS

#page {
position:absolute;
left:98px;
top:0px;
width:780px;
height:631px;
right:98px;
z-index:1;
}
#header {
position:absolute;
left:0px;
top:0px;
width:780px;
height:120px;
z-index:1;
}
#img1 {
position:absolute;
left:0px;
top:0px;
width:206px;
height:120px;
z-index:1;
background-image:url(6_01.jpg);
background-repeat:no-repeat;
}
#img2 {
position:absolute;
left:206px;
top:0px;
width:166px;
height:120px;
z-index:1;
background-image: url(6_02.jpg);
background-repeat:no-repeat;
}
#img3 {
position:absolute;
left:372px;
top:0px;
width:112px;
height:120px;
z-index:1;
background-image: url(6_03.jpg);
background-repeat:no-repeat;
}
#img4 {
position:absolute;
left:484px;
top:0px;
width:103px;
height:120px;
z-index:1;
background-image: url(6_04.jpg);
background-repeat:no-repeat;
}
#img5 {
position:absolute;
left:587px;
top:0px;
width:104px;
height:120px;
z-index:1;
background-image: url(6_05.jpg);
background-repeat:no-repeat;
}
#img6 {
position:absolute;
left:691px;
top:0px;
width:89px;
height:120px;
z-index:1;
background-image: url(6_06.jpg);
background-repeat:no-repeat;
}
#bodysect1 {
position:absolute;
left:0px;
top:120px;
width:780px;
height:286px;
z-index:1;
}
#sec1 {
position:absolute;
left:0px;
top:0px;
width:206px;
height:287px;
z-index:1;
}
.sec1
{
background-image: url(5_04.jpg);
background-repeat:no-repeat;
}
#sec2 {
position:absolute;
left:206px;
top:0px;
width:299px;
height:286px;
z-index:1;
}
.sec2
{
background-image: url(5_05.jpg);
background-repeat:no-repeat;
}
#sec3 {
position:absolute;
left:505px;
top:0px;
width:275px;
height:286px;
z-index:1;
}
.sec3
{
background-image: url(5_06.jpg);
background-repeat:no-repeat;
}
#bodysect2 {
position:absolute;
left:0px;
top:400px;
width:780px;
height:225px;
z-index:1;
}
#sec4 {
position:absolute;
left:0px;
top:0px;
width:206px;
height:225px;
z-index:1;
}
.sec4
{
background-image: url(1_07.jpg);
background-repeat:no-repeat;
}
#sec5 {
position:absolute;
left:206px;
top:0px;
width:298px;
height:225px;
z-index:1;
}
.sec5
{
background-image: url(1_08.jpg);
background-repeat:no-repeat;
}
#sec6{
position:absolute;
left:504px;
top:0px;
width:276px;
height:225px;
z-index:1;
}
.sec6
{
background-image: url(1_09.jpg);
background-repeat:no-repeat;
}
#bodysect3 {
position:absolute;
left:0px;
top:625px;
width:780px;
height:2px;
z-index:1;
}
.sect4{
background-color:#FFAA31;
}