Foros del Web » Creando para Internet » CSS »

No me aparece en pantalla completa.

Estas en el tema de No me aparece en pantalla completa. en el foro de CSS en Foros del Web. Hola, Estoy creando una pagina web ya tengo todo el código pero el problema es que no me aparece en la pantalla completa sino en ...
  #1 (permalink)  
Antiguo 07/05/2012, 19:36
 
Fecha de Ingreso: mayo-2012
Ubicación: Nocaima, Cundinamarca, Colombia
Mensajes: 3
Antigüedad: 12 años
Puntos: 0
No me aparece en pantalla completa.

Hola, Estoy creando una pagina web ya tengo todo el código pero el problema es que no me aparece en la pantalla completa sino en un cuarto nomas acá el código.

Cita:
<html>
<head>
<title>Hayley Williams</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (Hayley Williams) -->
<style type="text/css">
<!--

body { color:black; }

#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:640px;
height:480px;
}

#Cabecera {
position:absolute;
left:0px;
top:0px;
width:640px;
height:127px;
}

#Cuerpo {
position:absolute;
left:0px;
top:127px;
width:640px;
height:5px;
}

#Cuerpo003 {
position:absolute;
left:0px;
top:132px;
width:13px;
height:31px;
}

#Biografia {
position:absolute;
left:13px;
top:132px;
width:124px;
height:31px;
}

#Paramore {
position:absolute;
left:137px;
top:132px;
width:124px;
height:31px;
}

#Galeria {
position:absolute;
left:261px;
top:132px;
width:118px;
height:31px;
}

#Cuerpo007 {
position:absolute;
left:379px;
top:132px;
width:6px;
height:31px;
}

#Videos {
position:absolute;
left:385px;
top:132px;
width:120px;
height:31px;
}

#Cuerpo009 {
position:absolute;
left:505px;
top:132px;
width:4px;
height:31px;
}

#Premios {
position:absolute;
left:509px;
top:132px;
width:125px;
height:31px;
}

#Cuerpo011 {
position:absolute;
left:634px;
top:132px;
width:6px;
height:31px;
}

#Body {
position:absolute;
left:0px;
top:163px;
width:640px;
height:277px;
}

#Body013 {
position:absolute;
left:0px;
top:440px;
width:13px;
height:40px;
}

#piex20dex20pagina {
position:absolute;
left:13px;
top:440px;
width:612px;
height:35px;
}

#Body015 {
position:absolute;
left:625px;
top:440px;
width:15px;
height:40px;
}

#Body016 {
position:absolute;
left:13px;
top:475px;
width:612px;
height:5px;
}

-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;>
<!-- Save for Web Slices (Hayley Williams) -->
<div id="tabla_01">
<div id="Cabecera">
<img src="im&#xe1;genes/Cabecera.gif" width="640" height="127" alt="">
</div>
<div id="Cuerpo">
<img src="im&#xe1;genes/Cuerpo.gif" width="640" height="5" alt="">
</div>
<div id="Cuerpo003">
<img src="im&#xe1;genes/Cuerpo-03.gif" width="13" height="31" alt="">
</div>
<div id="Biografia">
<img src="im&#xe1;genes/Biografia.gif" width="124" height="31" alt="">
</div>
<div id="Paramore">
<img src="im&#xe1;genes/Paramore.gif" width="124" height="31" alt="">
</div>
<div id="Galeria">
<img src="im&#xe1;genes/Galeria.gif" width="118" height="31" alt="">
</div>
<div id="Cuerpo007">
<img src="im&#xe1;genes/Cuerpo-07.gif" width="6" height="31" alt="">
</div>
<div id="Videos">
<img src="im&#xe1;genes/Videos.gif" width="120" height="31" alt="">
</div>
<div id="Cuerpo009">
<img src="im&#xe1;genes/Cuerpo-09.gif" width="4" height="31" alt="">
</div>
<div id="Premios">
<img src="im&#xe1;genes/Premios.gif" width="125" height="31" alt="">
</div>
<div id="Cuerpo011">
<img src="im&#xe1;genes/Cuerpo-11.gif" width="6" height="31" alt="">
</div>
<div id="Body">
<img src="im&#xe1;genes/Body.gif" width="640" height="277" alt="">
</div>
<div id="Body013">
<img src="im&#xe1;genes/Body-13.gif" width="13" height="40" alt="">
</div>
<div id="piex20dex20pagina">
<img src="im&#xe1;genes/pie-de-pagina.gif" width="612" height="35" alt="">
</div>
<div id="Body015">
<img src="im&#xe1;genes/Body-15.gif" width="15" height="40" alt="">
</div>
<div id="Body016">
<img src="im&#xe1;genes/Body-16.gif" width="612" height="5" alt="">
</div>
</div>
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="¡CSS Válido!" />
</a>
</p>
<!-- End Save for Web Slices -->
</body>
</html>
  #2 (permalink)  
Antiguo 07/05/2012, 22:47
Avatar de YYs86  
Fecha de Ingreso: abril-2012
Ubicación: Salamanca
Mensajes: 136
Antigüedad: 12 años
Puntos: 14
Respuesta: No me aparece en pantalla completa.

Le tienes puesto a todos los divs su posición definida con "left" y "top", esto significa que se van a colocar siempre a esa distancia dentro de tu explorador.
Si la pregunta es como centarlo, necesitarias quitarle la posición "left" de cada capa, darle los 640px de width a tu body y meterle un margin: 0px auto;
__________________
Web developer:

http://xtremgaming.es
http://leaderleague.com
  #3 (permalink)  
Antiguo 08/05/2012, 16:17
 
Fecha de Ingreso: mayo-2012
Ubicación: Nocaima, Cundinamarca, Colombia
Mensajes: 3
Antigüedad: 12 años
Puntos: 0
Respuesta: No me aparece en pantalla completa.

Gracias Si me sirvio

Etiquetas: html, pantalla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:14.