Foros del Web » Creando para Internet » CSS »

Problema con mi pagina web

Estas en el tema de Problema con mi pagina web en el foro de CSS en Foros del Web. Hola muy buenos dias .. despues de consultar muchos links de como hacer que mi pagina web se viera centrada al bajar la resolucion de ...
  #1 (permalink)  
Antiguo 17/02/2010, 09:16
 
Fecha de Ingreso: febrero-2010
Mensajes: 7
Antigüedad: 14 años, 2 meses
Puntos: 0
Problema con mi pagina web

Hola muy buenos dias ..
despues de consultar muchos links de como hacer que mi pagina
web se viera centrada al bajar la resolucion de pantalla y ya con
mucho sueño y dolor de cabeza recurro a ustedes para que me echen
una manita ya que por mas que modifique mi codigo no puedo centrarla bien

bueno para empezar les dejo el link de la pagina web en proceso bueno este
es uno de los apartados..

http://www.reloaded-server.com/newtest/descargas.html

bueno en este caso yo uso una resolucion de 1280 x 1024 pixeles para lo cual yo si puedo ver centrada mi pagina pero al bajar la resolucion de mi pantalla se me keda pegada toda a la derecha...ahora les dejo el codigo de esta pagina ...

<!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=iso-8859-1" />
<title>.:: Tantra Reloaded ::.</title>
<LINK REL="SHORTCUT ICON" HREF="reloaded.ico">
<style type="text/css">
<!--
body {
background-image: url(fondofull3.png);
}
#Layer1 {
position:absolute;
left:332px;
top:216px;
width:294px;
height:493px;
z-index:1;
}
.Estilo1 {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
#Layer2 {
position:absolute;
left:241px;
top:41px;
width:787px;
height:139px;
z-index:1;
}
#Layer3 {
position:absolute;
left:352px;
top:74px;
width:687px;
height:168px;
z-index:2;
}
#Layer4 {
position:absolute;
left:0px;
top:0px;
width:243px;
height:252px;
z-index:2;
}
#Layer5 {
position:absolute;
left:241px;
top:240px;
width:800px;
height:81px;
z-index:2;
}
#Layer6 {
position:absolute;
left:241px;
top:260px;
width:801px;
height:426px;
z-index:3;
}
#Layer7 {
position:absolute;
left:241px;
top:281px;
width:787px;
height:38px;
z-index:4;
}
#Layer8 {
position:absolute;
left:516px;
top:306px;
width:200px;
height:237px;
z-index:5;
}
#Layer9 {
position:absolute;
left:694px;
top:618px;
width:138px;
height:29px;
z-index:6;
}
#Layer10 {
position:absolute;
left:516px;
top:585px;
width:519px;
height:29px;
z-index:6;
}
#Layer11 {
position:absolute;
left:529px;
top:592px;
width:243px;
height:41px;
z-index:7;
}
#Layer12 {
position:absolute;
left:579px;
top:643px;
width:249px;
height:29px;
z-index:8;
}
#Layer13 {
position:absolute;
left:797px;
top:584px;
width:233px;
height:50px;
z-index:9;
}
#Layer14 {
position:absolute;
left:840px;
top:644px;
width:221px;
height:49px;
z-index:10;
}
#Layer15 {
position:absolute;
left:552px;
top:824px;
width:197px;
height:22px;
z-index:11;
}
#Layer16 {
position:absolute;
left:253px;
top:306px;
width:255px;
height:500px;
z-index:12;
}
-->
</style></head>

<body>
<div id="Layer2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="200">
<param name="movie" value="marco3.swf" />
<param name="quality" value="high" />
<embed src="marco3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="200"></embed>
</object>
</div>
<div id="Layer5">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="250">
<param name="movie" value="menureload.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="menureload.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="250"></embed>
</object>
</div>
<div id="Layer6"><img src="back3.png" width="800" height="560" /></div>
<div id="Layer7">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="50">
<param name="movie" value="desc.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent"/>
<embed src="desc.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="50"></embed>
</object>
</div>
<div id="Layer8"><img src="reque2.png" width="520" height="270" /></div>
<div id="Layer10"><img src="reque3.png" width="520" height="100" /></div>
<div id="Layer11"><img src="megaupload.png" width="250" height="50" /></div>
<div id="Layer12">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="50">
<param name="movie" value="megaupload.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent"/>
<embed src="megaupload.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="50"></embed>
</object>
</div>
<div id="Layer13">
<div align="center"><img src="parche.png" width="70" height="70" /></div>
</div>
<div id="Layer14">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="50">
<param name="movie" value="parche.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent"/>
<embed src="parche.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="50"></embed>
</object>
</div>
<div class="Estilo1" id="Layer15">. .:: Desing By PsyRock Mx 2010 ::. </div>
<div id="Layer16"><img src="reloadedservers.png" width="255" height="500" /></div>
</body>
</html>

bueno con esto ya intente el aling=center pero al ponerlo me va acomodando mis div centrados pero hacia abajo... bueno espero me puedan ayudar y un saludo a todos
  #2 (permalink)  
Antiguo 17/02/2010, 09:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola PsyRocker. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 17/02/2010, 09:43
Avatar de 2102325  
Fecha de Ingreso: octubre-2009
Ubicación: Santo Domingo RD
Mensajes: 75
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: Problema con mi pagina web

Hola, he visto tu pagina y también vi algo de tu código, según pude observar, seria mejor que trabajaras el width en porcentaje y no en pixeles es mucho mejor así tu pagina se adaptara a la resolución que sea por grande o pequeña que fuese, y por otro lado lo que necesitas es un contenedor madre donde metas todo el contenido de tu pagina..

a continuación el código necesario.

<html>
<head>
<title>tu titulo</title>
<style type = "text/css">

#contenedor{
width: 90%;
margin:0 auto;
background: silver;
}
body{
margin:0 auto;
}
</style>

</head>
<body>

<div id = "contenedor">
<p>contendido de tu pagina
</div>
</body>
</html>
  #4 (permalink)  
Antiguo 18/02/2010, 20:48
 
Fecha de Ingreso: febrero-2010
Mensajes: 7
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Problema con mi pagina web

muchas gracias por la ayuda hermano me esta funcionando

Etiquetas: Ninguno
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 16:35.