Foros del Web » Creando para Internet » Diseño web »

Problema de centrado ( y busque mucho en google)

Estas en el tema de Problema de centrado ( y busque mucho en google) en el foro de Diseño web en Foros del Web. Hola amigos, nesecito ayuda con un problema de centrado, soy diseñador grafico y hace poco empece con diseño web, hize esta pagina agustinpabloml.freehostia.com/ y cuando ...
  #1 (permalink)  
Antiguo 09/12/2009, 19:41
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Problema de centrado ( y busque mucho en google)

Hola amigos, nesecito ayuda con un problema de centrado, soy diseñador grafico y hace poco empece con diseño web, hize esta pagina agustinpabloml.freehostia.com/ y cuando cambio de resolucion mas grande se me va a la izquierda y queda re incompleta.
probe haciendo un marco y metiendo el codigo fuente dentro del marco pero sigue igual ( como habia leido en internet)
y tmb lei sobre insertarle un codigo css al codigo fuente , lohize y tampoco tube resultados, espero si me pueden ayudar ya que me esta volviendo loco esto!! jeje,
muchas gracias por leer y responder, saludos
  #2 (permalink)  
Antiguo 09/12/2009, 19:47
 
Fecha de Ingreso: agosto-2008
Ubicación: Peru
Mensajes: 217
Antigüedad: 9 años, 4 meses
Puntos: 3
Respuesta: Problema de centrado ( y busque mucho en google)

te comento que esto es comun en todas las paginas, pero puedes solucionarlo, talvez utilizando en medidas %,o travajando en la mas alta resolucion de tal manera de que en menos resolucion no se te coloque a una esquina
  #3 (permalink)  
Antiguo 09/12/2009, 20:50
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Problema de centrado ( y busque mucho en google)

claro pero esta pagina esta centrada prensoland.com/espanol/menupales.htm

sacando que sea flash, no hay forma de hacer eso con el diseño que tengo yo en html??
  #4 (permalink)  
Antiguo 09/12/2009, 20:58
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Problema de centrado ( y busque mucho en google)

Lo puedes solucionar con Css. Ejemplo:

html:
Código:
<div id="principal">Resto del código de la web</div>
css:
Código:
#principal{widht:1000px; margin:0px auto;}
esto debe solucionarlo. Te pongo 1000px por que es lo que uso para 1024, tu tienes que poner la anchura de tu creación.
  #5 (permalink)  
Antiguo 09/12/2009, 22:20
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Problema de centrado ( y busque mucho en google)

lo puse 2 veces. este mensaje no va. el de abajo si.

Última edición por shadownitro; 09/12/2009 a las 23:11
  #6 (permalink)  
Antiguo 09/12/2009, 23:10
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Problema de centrado ( y busque mucho en google)

Cita:
Iniciado por shadownitro Ver Mensaje
mmm, como hago pongo esto? <div id="principal">Resto del código de la web</div>

antes del <head> ?

y esto donde lo pongo #principal{widht:1000px; margin:0px auto;} ??

por otro lado yo estoy usando divs con division absulota, o sea que son independientes

lo que hize yo, o sea, trabajar con estos divs, es lo que se llama trabajar con layers?

Gracias por ayudarme.
  #7 (permalink)  
Antiguo 10/12/2009, 10:45
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Problema de centrado ( y busque mucho en google)

a ver leete un poco sobre html, como otros compañeros recomiendan en librosweb.es, hay unos manuales muy buenos.

Los div van siempre dentro de <body></body> y #principal va en el css, creo que he sido claro.

te recomiendo leer lo que te he dicho y que busques un poco por el foro.

Última edición por lynxstyle; 10/12/2009 a las 18:55
  #8 (permalink)  
Antiguo 10/12/2009, 10:54
 
Fecha de Ingreso: agosto-2008
Ubicación: Peru
Mensajes: 217
Antigüedad: 9 años, 4 meses
Puntos: 3
Respuesta: Problema de centrado ( y busque mucho en google)

haber, yo lo probe en varias resoluciones, y en altas, se vee chico pero esta en el centro, osea de que tu problemas puede ser de tu maquina o tu editor
  #9 (permalink)  
Antiguo 10/12/2009, 12:13
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: Problema de centrado ( y busque mucho en google)

Gracias por las respuestas.

disculpen mi ignorancia con respecto al tema, soy nuevo en el campo, por otro lado estube leyendo muchos topics del foro, y encontre que se plantea la misma problematica que la mia.
acabo de poner los divs dentro del <body> y el # en el css, pero sigue igual.
te muestro el codigo asi me decis que es lo que estoy haciendo mal.:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"3.org/TR/html4/loose.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>INGEMIX</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
[B]#principal{widht:1000px; margin:0px auto;}[/B]
</style>
</head>
<body>
[B]<div id="principal">[/B]
<div id="Layer2" style="position:absolute; left:0px; top:13px; width:234px; height:194px; z-index:2"><img src="ingemix%20logo.jpg" width="220" height="181"></div>
<div id="Layer1" style="position:absolute; left:-2px; top:241px; width:995px; height:11px; z-index:3; background-color: #DA251C; layer-background-color: #DA251C; border: 1px none #000000; visibility: visible;"></div>
<div id="Layer1" style="position:absolute; left:227px; top:-24px; width:722px; height:257px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: visible; visibility: visible;">
[B]( Todas las demas layers y etc )[/B]
[B]</div>[/B]
</body>
</html> 
  #10 (permalink)  
Antiguo 10/12/2009, 16:23
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Problema de centrado ( y busque mucho en google)

de donde sacas las [B], ahora soy yo el ignorante, eso no lo he visto en mi vida.

además estás haciendo un posicionamiento absoluto, en los demás div, sin posicionar el principal.

hazme caso y leete los manuales de librosweb.es y haz pruebas antes de meterte en un código complejo.
  #11 (permalink)  
Antiguo 10/12/2009, 17:50
Avatar de romel_inc  
Fecha de Ingreso: diciembre-2007
Ubicación: Venezuela-monagas
Mensajes: 285
Antigüedad: 10 años
Puntos: 14
Respuesta: Problema de centrado ( y busque mucho en google)

como dice los demás amigos. si te lees un manual te va ir mejor. saludos.

Código:
<!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>Centrar hola enfermera</title>
<style type="text/css">
body{ background: #333333; margin:0px;}
.centrado{ width:1000px; background:#CCCCCC; margin:0px auto;}

</style>
</head>

<body>
      <div class="centrado">
      
      <img src="http://i186.photobucket.com/albums/x123/johnyc2/HolaE.jpg" />
      <img  src="http://www.briefblog.com.mx/files/enfermera.jpg" />
      
      </div>
</body>
</html>
__________________
Lo que se usar (JAVA, Spring MVC, IntelliJ IDEA , GAE, CakePHP, Bootstrap, Underscorejs, jQuery, HTML5, CSS3, JSON, Ajax, Prototype), Aprendiendo a usar Angularjs y Git.

Última edición por romel_inc; 10/12/2009 a las 18:05
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 17:02.