Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

Participa en el tema Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!! en el foro Diseño Web.
hola amigos!!! Yo diseñe una pagina de 1000px de ancho, con un alineamiento centrado , ...

Buscar en este tema:

Búsqueda avanzada

desconectado
- 12
  
  MENSAJES
orlo26 escribió hace 11 meses

¿Mensaje inapropiado?

#1 Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

hola amigos!!!

Yo diseñe una pagina de 1000px de ancho, con un alineamiento centrado, yo tengo una PC con una resolucion de 1024x768, y cuando revisaba la pagina en mis exploradores (explorer y firefox) todas las etiquetas div (en las div puse texto y en otras imagenes) permanecian donde debían estar, todo estaba ordenado... (como en la imagen 1 que les adjunte)

Hasta que probe mi pagina en una PC con una resolucion mucho mas alta y todas las etiquetas se desplazaron para la izquierda, (como se ve en la imagen adjunta 2) lo que yo creo que sucede es que las etiquetas "div" toman como partida para las margenes de su posicion el borde del explorador marcado con un punto rojo en la imagen 2.
Osea, lo que yo necesito es que si yo le digo a la etiqueta DIV que tenga un margen de 100px desde la izquierda NO lo haga desde el borde del explorador (punto rojo)... sino que SI lo haga desde el borde de la pagina web (punto verde)...

Y haci no va a importar la resolucion del monitor con que se mire la pagina, siempre se va a ver bien...

Les agradesco el tiempo que dedicaron para leer mi problema y les agradesco aún mas si me ayudan a resolver mi problema...

PD: si no me entienden me avisan y les explico mejor....

Muchas gracias!!!

Imágenes adjuntas

1.JPG (6.8 KB, 12 vistas)

2.JPG (13.6 KB, 11 vistas)

Responder a este tema

Citar

+

0

Me gusta

http://www.psicofxp.com/forums/diseno-web.210/880410-etiquetas-div-me-cambian-posicion-segun.html
| Más
desconectado
- 291
  
  MENSAJES
MartinMerza escribió hace 11 meses ¿Mensaje inapropiado?
#2 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!
Tenes que resetear las propiedades del CSS y los margenes en el DIV que contenga todo lo demas.

Por ejemplo, vos en la pagina tenes algo asi:

Código HTML:

<html> <head> <title>Mi Pagina</title> </head> <body> <div id="contenido"> El contenido de la pagina </div> </body> </html>
Dentro del CSS manda esto:

#contenido {
margin: 0 auto;
Todas las demas propiedades
}

Eso va a resetear los margenes del DIV que tenga el contenido de la página.

Y para evitar mas problemas, resetea todas las propiedades de CSS, colocando esto al principio de tu archivo CSS:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Espero que te sirva

Saludos!
Responder

Citar

Me gusta este mensaje

desconectado
- 146
  
  MENSAJES
ropasucia escribió hace 11 meses ¿Mensaje inapropiado?

#3 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

ese es el CSS Reset de Eric Meyer no?

Responder

Citar

Me gusta este mensaje
desconectado
- 291
  
  MENSAJES
MartinMerza escribió hace 11 meses ¿Mensaje inapropiado?

#4 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

Si, le faltan un par de cosas.

Responder

Citar

Me gusta este mensaje
desconectado
- 12
  
  MENSAJES
orlo26 escribió hace 11 meses ¿Mensaje inapropiado?

#5 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

Mmmmm... como agradesco tu tiempo pero no me sirvio....

Hay alguna otra cosa q
-----Agregado el 9/1/2009 a las 01 : 17 : 29-----
perdon! Fue un dedazo!

Hay alguna otra cosa que pueda hacer?

Por que no lo hacen en sus PC para que vean de lo hablo?
-----Agregado el 9/1/2009 a las 01 : 19 : 41-----
Hola te agradesco mucho el tiempo... pero no me sirvió....

hay alguna otra cosa que pueda hacer yo?
Ya lo intentastes en tu PC para que vieras ver si te sirvió (tal vez yo hago algo mal...)

Editado por orlo26 - 09.01.2009 00:19 hs. | Motivo: Mensajes unidos automáticamente

Responder

Citar

Me gusta este mensaje
desconectado
- 3,565
  
  MENSAJES
alanreid escribió hace 11 meses ¿Mensaje inapropiado?

#6 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!

Cómo centraste el div contenedor de 1000px? Probaste usando margin:0 auto ?

Responder

Citar

Me gusta este mensaje
desconectado
- 291
  
  MENSAJES
MartinMerza escribió hace 11 meses ¿Mensaje inapropiado?
#7 Re: Las etiquetas Div me cambian de posicion segun la resolucion del monitor!!!
Es lo mismo que le dije yo pero dice que no le anduvo =/

Es muy raro, porque a mi siempre me anduvo, de hecho acabo de hacer lo mismo que te dije que hicieras y me anduvo perfecto.

Este es el codigo, con CSS y todo, te lo pongo con borde, para que veas que esta centrado en la caja del navegador, despues si queres, le sacas el borde:

Código:

<html> <head> <title>Mi Pagina</title> <style type="text/css"> #contenido { margin: 0 auto; width:1000px; border:solid 1px; } </style> </head> <body> <div id="contenido"> El contenido de la pagina </div> </body> </html>
Despues si le queres agregar el reset, lo tenes en mi primera respuesta o lo sacas de la pagina de Eric Meyer.

http://meyerweb.com/eric/tools/css/reset/

Saludos!
Editado por MartinMerza - 14.01.2009 15:49 hs.
Responder

Citar

Me gusta este mensaje