Problema de centrado ( y busque mucho en google)

shadownitro · #1 (**permalink**) 09/12/2009, 19:41

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

gabos147 · #2 (**permalink**) 09/12/2009, 19:47

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

shadownitro · #3 (**permalink**) 09/12/2009, 20:50

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??

lynxstyle · #4 (**permalink**) 09/12/2009, 20:58

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.

shadownitro · #5 (**permalink**) 09/12/2009, 22:20

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

shadownitro · #6 (**permalink**) 09/12/2009, 23:10

Cita:

Iniciado por shadownitro

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.

lynxstyle · #7 (**permalink**) 10/12/2009, 10:45

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.

gabos147 · #8 (**permalink**) 10/12/2009, 10:54

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

shadownitro · #9 (**permalink**) 10/12/2009, 12:13

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>

lynxstyle · #10 (**permalink**) 10/12/2009, 16:23

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.

romel_inc · #11 (**permalink**) 10/12/2009, 17:50

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>