Comunidad de diseño web y desarrollo en internet online

Ayuda con Div PA

Citar            
MensajeEscrito el 15 Sep 2010 12:34 am
Buenas noches forer@s:

me he decidido a escribir en el foro porque ando desesperado y necesito una solución. Os cuento...

Yo suelo diseñar mis páginas webs con Photoshop para después montarlas en Dreamweaver. Hasta ahora, usaba las Div PA para esta acción -En Dreamweaver: Insertar >Objetdo de diseño > Div PA- ya que los montajes son muy cómodos. Especificas el alto y el ancho de dicha capa y le dices en que pixel -tanto horizontal como vertical- quieres que se coloque.

Pues bien, mi duda me ha surgido ahora cuando estoy diseñando una web para una empresa. Resulta que yo diseño a 1024x768 y si los visitantes tienen otra resolución distinta -por ejemplo, 1152- el contenido va desplazándose hacia la izquierda. Pues bien, necesito que sea cual sea la resolución, mi contenido siempre esté centrado.

He probado el tutorial que hay en CristaLab para crear una capa #wrap (enlace). He metido todo el contenido de mi web dentro de una div con ese nombre, con los atributos que me dice en el tutorial y le he quitado el "position=absolute" a todas las Div PA. El problema es que al hacer eso, todas las cosas se me van hacia la izquierda y no queda el montaje como yo lo había hecho.

¿Podeis ayudarme?

Os dejo un enlace para que veais la forma que tengo de diseñar web (por si quereis ver el código fuente). Enlace

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 15 Sep 2010 12:49 am
COLOCA ESTO

body {
padding: 0;
margin: 0;
text-align: center;
}
#contenedor {
border: 1px solid blue;
width: 90%;
height:auto;
margin: auto; /* centrado contenedor */
text-align: left;
height:1000px;
}

Por sebacure

31 de clabLevel



 

chrome
Citar            
MensajeEscrito el 15 Sep 2010 01:05 am
¿Como? ¿Así?

Código :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
padding: 0;
margin: 0;
text-align: center;
}
#contenedor {
border: 1px solid blue;
width: 90%;
height:auto;
margin: auto; /* centrado contenedor */
text-align: left;
height:1000px;
} 
    #apDiv1 {
    position:absolute;
    width:948px;
    height:331px;
    z-index:1;
    left: 291px;
    top: 39px;
    background-color: #000000;
    }
-->
</style>
</head>

<body>
<div id="contenedor"">
<div id="apDiv1"></div>
</div>
</body>

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.