Re: [Ovillo] Problema con posicionamiento ne IE6 y el resto
Dió resultado!! Mil gracias!! Marcela El día 8 de septiembre de 2010 13:20, marcela sluka escribió: > Gracias, voy a probar!! > Marcela > > 2010/9/8 Santiago García : >> Marcela: >> >>> Hola, >>> no acostumbro a escribir en la lista, pero tengo un >>> problema en una >>> página. Si posiciona bien en IE 6 me desarma firefox y el >>> resto; >>> el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html >>> la css la adjunto. No encuentro cuál es el problema. Si >>> posicionara en >>> ancho fijo, no tengo problema, pero variable, me da >>> errores. >>> Si alguien me da una mano... >>> Gracias, >>> Marcela >> >> >> Lo que yo he percibido es que en Firefox 3.6 Windows hay un hueco indeseable >> bajo la región "inicio" en gris oscuro. Yo quitaría el float del descriptor >> #logo. >> >> Saludos. >> >> Santiago. >> >> >> >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento ne IE6 y el resto
Gracias, voy a probar!! Marcela 2010/9/8 Santiago García : > Marcela: > >> Hola, >> no acostumbro a escribir en la lista, pero tengo un >> problema en una >> página. Si posiciona bien en IE 6 me desarma firefox y el >> resto; >> el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html >> la css la adjunto. No encuentro cuál es el problema. Si >> posicionara en >> ancho fijo, no tengo problema, pero variable, me da >> errores. >> Si alguien me da una mano... >> Gracias, >> Marcela > > > Lo que yo he percibido es que en Firefox 3.6 Windows hay un hueco indeseable > bajo la región "inicio" en gris oscuro. Yo quitaría el float del descriptor > #logo. > > Saludos. > > Santiago. > > > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento ne IE6 y el resto
Marcela: > Hola, > no acostumbro a escribir en la lista, pero tengo un > problema en una > página. Si posiciona bien en IE 6 me desarma firefox y el > resto; > el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html > la css la adjunto. No encuentro cuál es el problema. Si > posicionara en > ancho fijo, no tengo problema, pero variable, me da > errores. > Si alguien me da una mano... > Gracias, > Marcela Lo que yo he percibido es que en Firefox 3.6 Windows hay un hueco indeseable bajo la región "inicio" en gris oscuro. Yo quitaría el float del descriptor #logo. Saludos. Santiago. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento ne IE6 y el resto
El 08/09/10 12:30, Jairo Ochoa escribió: > En Firefox, Chrome, Safari, Camino, Netscape 9, Seamonkey y Opera para Mac > se ve bien. > En Windows no he probado. Yo he probado en mac tb, y en windows y tampoco se descuadra, solo se descuadra el cuadro de la izquierda arriba en IE6, te digo que tiene que ver con el margen o/y el padding ya que pada ie6 no son los mismos espacios, cuidado con el margen doble y demás. si necesitas ayuda porque no te salga comentalo aqui o me mandas un privado y te ayudo a solucionarlo. > -- > > Jairo Ochoa > > > Dropbox - Almacenamiento gratis / Free online backup > https://www.dropbox.com/referrals/NTg2Njc1MTg5 > > > > El 8 de septiembre de 2010 05:34, marcela sluka > escribió: > >> Hola, >> no acostumbro a escribir en la lista, pero tengo un problema en una >> página. Si posiciona bien en IE 6 me desarma firefox y el resto; >> el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html >> la css la adjunto. No encuentro cuál es el problema. Si posicionara en >> ancho fijo, no tengo problema, pero variable, me da errores. >> Si alguien me da una mano... >> Gracias, >> Marcela >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento ne IE6 y el resto
En Firefox, Chrome, Safari, Camino, Netscape 9, Seamonkey y Opera para Mac se ve bien. En Windows no he probado. -- Jairo Ochoa Dropbox - Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 8 de septiembre de 2010 05:34, marcela sluka escribió: > Hola, > no acostumbro a escribir en la lista, pero tengo un problema en una > página. Si posiciona bien en IE 6 me desarma firefox y el resto; > el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html > la css la adjunto. No encuentro cuál es el problema. Si posicionara en > ancho fijo, no tengo problema, pero variable, me da errores. > Si alguien me da una mano... > Gracias, > Marcela > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento ne IE6 y el resto
Hola, no acostumbro a escribir en la lista, pero tengo un problema en una página. Si posiciona bien en IE 6 me desarma firefox y el resto; el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html la css la adjunto. No encuentro cuál es el problema. Si posicionara en ancho fijo, no tengo problema, pero variable, me da errores. Si alguien me da una mano... Gracias, Marcela ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
De nada, un placer ayudarte en mi primer mensaje en esta lista. De todas formas hay una solución que a mi personalmente me parece más 'elegante' para maquetaciones de páginas de varias columnas. Consiste en hacer un 'div' contenedor al que le pondremos la propiedad css 'overflow:hidden' y, dentro de éste los 'divs' que queramos (tantos como columnas lleve nuestra maquetación) con la propiedad 'float:left' o 'float:right' según nos interese y cada uno de ellos con la propiedad 'width:', con las medidas adecuadas para nuestra maquetación. Si te funciona tal como lo tienes ahora perfecto, pero en tu próximo proyecto si quieres pruebalo. Es sencillo, eficaz, compatible con todos los navegadores y por supuesto pasa la validación. Si quieres más información te recomiendo los 'archiconocidos' manuales de www.librosweb.es Un saludo El 12 de diciembre de 2008 10:30, Encarnación Blanco Hernández escribió: > A mi me pasaba lo mismo y no era capaz de > encontrar la solución. Con las indicaciones de > Fernando Janeiro de poner "clear:both" he solucionado el problema. > > Muchas gracias Fernando. > > > > _ > > Encarnación Blanco Hernández e-mail: e...@usal.es > Servicios Informáticos, CPD Tfno: 923294400 Ext. 1313 > Universidad de Salamanca > > __ > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento de un div
A mi me pasaba lo mismo y no era capaz de encontrar la solución. Con las indicaciones de Fernando Janeiro de poner "clear:both" he solucionado el problema. Muchas gracias Fernando. _ Encarnación Blanco Hernández e-mail: e...@usal.es Servicios Informáticos, CPD Tfno: 923294400 Ext. 1313 Universidad de Salamanca __ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
Saludos
Creo que debes usar position:relative no acostumbro usar position:absolute a
menos de ser necesario, todos los div deben tener una secuencia y dentro de
un contenedor en donde todos de van organizando de manera relativa entre
ellos, algo así como los caracteres en un procesador de texto, si la palabra
o caracter no cabe en la línea pasa a la siguiente línea consecutiva.
Claro que para el footer debes usar la opción clear:both para indicarle que
se alíne abajo.
Otra manera es hacer un footer fijo al final de la página, te copio el
código.
/* --*/
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 94px;
overflow: hidden;
background: transparent url(images/bg-footer.gif) repeat-x;
color: white;
text-align: center;
}
#footer a {
color: #c22;
}
#footer a:hover {
color: #000;
}
/* --*/
Suerte
Xavier Araque
El 11 de diciembre de 2008 22:47, Ignacio Aguirre
escribió:
> Estimados
>
>
> Quería pedirles su ayuda con un problemita que no he logrado resolver.
>
> El asunto es que estoi maqueteando un sitio, y no logro posicionar
> bien el pie de la pagina.
>
> Les pego el código:
>
>
> ---
> CSS
>
> ---
> #cabezera {
> width:100%;
> height:216px;
> margin:0;
> background:url(imagenes/estrellasbg.jpg) top left repeat-x #336699;
> position:relative;
> float:left;
> }
>
> #cuerpo {
>width:100%;
>float:left;
>height:auto;
> }
>#content {
>position:absolute;
>top:216px;
>left:20px;
>right:360px;
>background:#CCC;
>padding-top:10px;
>}
>#sidebar {
>position:absolute;
>top:216px;
>width:300px;
>padding-left:40px;
>right:0;
>background:url(imagenes/sidebarbg.jpg) repeat-y;
>padding-top:10px;
>}
>
> #footer {
>width:100%;
>height:100px;
>background:url(imagenes/estrellasbg.jpg) right #336699;
>position:absolute;
>left:0;
>bottom:0;
>margin:0;
> }
>
> ---
>
>
> El asunto es que el footer no queda posicionado en la parte inferior
> del sitio, si no, queda un poco mas arriba y se come el contenido.
>
> El sitio esta en http://www.comunicatoons.cl
>
> Agradecería muchísimo me dieran una manito con eso.
>
>
> Saludos y gracias!
>
> --
> Ignacio Aguirre
> http://www.soyelnacho.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
.Xavier
Soluciones Linux.
http://rendergraf.wordpress.com
Telf.: +58 416 1027262
Linux counter: 292510
Si te lo cuentan lo olvidas,si lo ves lo entiendes, pero si lo haces lo
APRENDES!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
Position float no existe... On Thu, Dec 11, 2008 at 5:40 PM, Jose Leiva wrote: > Ignacio, revise este post > http://www.positioniseverything.net/easyclearing.html, corrigen ese bug > para > IE6. > > No probe el codigo de tu sitio, pero porque usar posicionamientos absolutos > dentro de un div que esta flotando? ponga a flotar a content y sidebar, y > se > ahorra ese dolor de cabeza > > Corrijanme si me equivoco, pero position:float; no existe, o si? > > 2008/12/11 J.Enrique Montiel P. > > > Tu Problemas es aqui > > > > position:absolute; > > > > Usalo asi: > > > > position:float; > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > http://daflai.wordpress.com > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- ↓ Ignacio Ricci www.ignacioricci.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
Ignacio, revise este post http://www.positioniseverything.net/easyclearing.html, corrigen ese bug para IE6. No probe el codigo de tu sitio, pero porque usar posicionamientos absolutos dentro de un div que esta flotando? ponga a flotar a content y sidebar, y se ahorra ese dolor de cabeza Corrijanme si me equivoco, pero position:float; no existe, o si? 2008/12/11 J.Enrique Montiel P. > Tu Problemas es aqui > > position:absolute; > > Usalo asi: > > position:float; > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- http://daflai.wordpress.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
Tu Problemas es aqui position:absolute; Usalo asi: position:float; ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento de un div
Quizá podrías intentar darle al footer la propiedad 'clear:both' para
"limpiar" los 'float:left' que tienes arriba.
El 11 de diciembre de 2008 4:17, Ignacio Aguirre
<[EMAIL PROTECTED]>escribió:
> Estimados
>
>
> Quería pedirles su ayuda con un problemita que no he logrado resolver.
>
> El asunto es que estoi maqueteando un sitio, y no logro posicionar
> bien el pie de la pagina.
>
> Les pego el código:
>
>
> ---
> CSS
>
> ---
> #cabezera {
> width:100%;
> height:216px;
> margin:0;
> background:url(imagenes/estrellasbg.jpg) top left repeat-x #336699;
> position:relative;
> float:left;
> }
>
> #cuerpo {
>width:100%;
>float:left;
>height:auto;
> }
>#content {
>position:absolute;
>top:216px;
>left:20px;
>right:360px;
>background:#CCC;
>padding-top:10px;
>}
>#sidebar {
>position:absolute;
>top:216px;
>width:300px;
>padding-left:40px;
>right:0;
>background:url(imagenes/sidebarbg.jpg) repeat-y;
>padding-top:10px;
>}
>
> #footer {
>width:100%;
>height:100px;
>background:url(imagenes/estrellasbg.jpg) right #336699;
>position:absolute;
>left:0;
>bottom:0;
>margin:0;
> }
>
> ---
>
>
> El asunto es que el footer no queda posicionado en la parte inferior
> del sitio, si no, queda un poco mas arriba y se come el contenido.
>
> El sitio esta en http://www.comunicatoons.cl
>
> Agradecería muchísimo me dieran una manito con eso.
>
>
> Saludos y gracias!
>
> --
> Ignacio Aguirre
> http://www.soyelnacho.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento de un div
Estimados
Quería pedirles su ayuda con un problemita que no he logrado resolver.
El asunto es que estoi maqueteando un sitio, y no logro posicionar
bien el pie de la pagina.
Les pego el código:
---
CSS
---
#cabezera {
width:100%;
height:216px;
margin:0;
background:url(imagenes/estrellasbg.jpg) top left repeat-x #336699;
position:relative;
float:left;
}
#cuerpo {
width:100%;
float:left;
height:auto;
}
#content {
position:absolute;
top:216px;
left:20px;
right:360px;
background:#CCC;
padding-top:10px;
}
#sidebar {
position:absolute;
top:216px;
width:300px;
padding-left:40px;
right:0;
background:url(imagenes/sidebarbg.jpg) repeat-y;
padding-top:10px;
}
#footer {
width:100%;
height:100px;
background:url(imagenes/estrellasbg.jpg) right #336699;
position:absolute;
left:0;
bottom:0;
margin:0;
}
---
El asunto es que el footer no queda posicionado en la parte inferior
del sitio, si no, queda un poco mas arriba y se come el contenido.
El sitio esta en http://www.comunicatoons.cl
Agradecería muchísimo me dieran una manito con eso.
Saludos y gracias!
--
Ignacio Aguirre
http://www.soyelnacho.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento
Hola tengo estos dos DIV posicionados de forma absoluta:
Contenido del DIV
Contenido del DIV
Y el CSS es el siguiente:
div#botonera {
position: absolute;
left: 70%;
top: 15%;
}
div#fechahora {
position: absolute;
top: 13%;
left: 70%;
}
Ahora cuando redimensiono la página a una resolución menor a la que estoy
trabajando (1280x1024) a 800x600 digamos se me mueven esos DIV y no quiero que
eso ocurra. ¿Qué es lo que estoy haciendo mal?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Buenas...
Procura comenzar tus hojas de estilo con:
* {
margin:0;
padding:0;
}
Te ahorrará más de un quebradero de cabeza.
Salu2.
Enrique.
El Gustolo escribió:
> hola a todos
> tengo una página con dos divs, uno para el header y otro para un banner, sin
> paddings ni márgenes, pero cuando los visualizo en firefox, se ve una
> pequeña separación entre ellos, en cambio en explorer se ve como debería
> ser. Alguien me podria ayudar?
> en http://www.rockchileno.net/tests/prueba3.htm se puede ver el efecto.
>
> Saludos!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
>
>
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
genial Hermann! funcionó! muchas gracias por tu ayuda. 2006/5/28, Hermann Kaser <[EMAIL PROTECTED]>: > > On 5/28/06, El Gustolo <[EMAIL PROTECTED]> wrote: > > hola a todos > > tengo una página con dos divs, uno para el header y otro para un banner, > sin > > paddings ni márgenes, pero cuando los visualizo en firefox, se ve una > > pequeña separación entre ellos, en cambio en explorer se ve como debería > > ser. Alguien me podria ayudar? > > en http://www.rockchileno.net/tests/prueba3.htm se puede ver el efecto. > > Intenta sacarle el padding y margin al h2 del banner, los padding y > margins de la los encabezados siempre traen problemas. > > > > > Saludos! > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > > > > > -- > Hermann Kaser > http://www.theragingche.com/ > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
On 5/28/06, El Gustolo <[EMAIL PROTECTED]> wrote: > hola a todos > tengo una página con dos divs, uno para el header y otro para un banner, sin > paddings ni márgenes, pero cuando los visualizo en firefox, se ve una > pequeña separación entre ellos, en cambio en explorer se ve como debería > ser. Alguien me podria ayudar? > en http://www.rockchileno.net/tests/prueba3.htm se puede ver el efecto. Intenta sacarle el padding y margin al h2 del banner, los padding y margins de la los encabezados siempre traen problemas. > > Saludos! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > -- Hermann Kaser http://www.theragingche.com/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento
hola a todos tengo una página con dos divs, uno para el header y otro para un banner, sin paddings ni márgenes, pero cuando los visualizo en firefox, se ve una pequeña separación entre ellos, en cambio en explorer se ve como debería ser. Alguien me podria ayudar? en http://www.rockchileno.net/tests/prueba3.htm se puede ver el efecto. Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento en FF ... Por ahora
Hola lista:
Después de haber leido varios manuales de posicionamiento con CSS me está dando
un pequeño problema algo y no logro solucionarlo solo por eso acudo a ustedes.
Disculpen que el correo sea un poco largo pero no tengo forma de subir el
fichero a algún servidor es por ello que les copio textualmente el contenido
del código HTML y el código CSS. El hecho es que es un medio modelo inventado
mio y ya se darán cuenta porque lo digo. Aqui les dejo el HTML básico porque lo
demas lo realiza el propio CMS (Joomla):
**
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; lang="es">
id ) {
initEditor();
}
?>
Inicio
Favoritos
Contactarnos
Correo UCI
Módulo Top Vacío
Aqui va la feche y la hora
Todos los derechos reservados
© Portal del Proyecto Simuladores - UCI
***
Y esto otro es el fichero CSS:
***
/*Portal de SIMPRO: CSS Nivel 2.0 */
html {
height: 100%;
color: #000;
background: #E1E1E2;
}
body {
height: 100%;
color: inherit;
background: #E1E1E2;
font-family: tahoma, verdana, arial, helvetica, arial, "sans-serif";
font-size: .71em;
padding: 0;
margin-top:2px;
text-align: center; /*para centrar en IE 5 o inferior*/
}
/* Contiene los módulos de Joomla */
div.inside {
padding: 3px;
}
/* Contenedor principal */
div#Contenedor {
width: 760px;
height: 100%;
text-align: left; /*alínea a la izquierda nuevamente*/
margin: 0 auto; /*para centrar en navegadores modernos*/
position: relative;
border: 1px solid #0B198C;
}
/* Imagen de fondo de cabeceras, headers y otros tipo: gradient_2.gif */
#CabeceraB,#contenedorPieDePagina {
background: url(../../simpro_final/images/gradient_2.gif) repeat-x top
left;
}
/* Imagen de fondo de cabeceras, headers y otros tipo: gradient_1.gif */
#Buscador, table.moduletable_calendar th, table.moduletable_busqueda th,
table.moduletable_encuestas th, table.moduletable_sindicacion th,
table.moduletable_online th, table.moduletable_popular th {
background: url(../../simpro_final/images/gradient_1.gif) repeat-x top
left;
}
/* Cabecera */
div#contenedorCabecera {
width: 100%;
clear: both;
}
div#CabeceraL {
position: absolute;
width: 569px;
height: 210px;
background: url(../../simpro_final/images/banner_simpro.png) no-repeat
left;
float: left;
z-index: 1;
}
div#CabeceraB {
position: relative;
width: 760px;
line-height: 36px;
}
div#CabeceraR {
position: absolute;
width: 186px;
height: 153px;
top: 36px;
left: 570px;
float: left;
z-index: 1;
}
/* Barra de navegación superior - Pathway */
div#topnavL {
position: absolute;
width: 50%;
top: 0;
text-align: center;
line-height: 33px;
float: left;
z-index: 2;
border: 0px solid #FFA07A;
}
div#topnavR {
position: absolute;
width: 43.8%;
top:0;
text-align: center;
line-height: 33px;
left:55.5%;
z-index: 2;
color: #000;
border: 0px solid #FFA07A;
}
/*Pie de pagina-> Derechos y otros*/
div#contenedorPieDePagina {
clear: both;
line-height: 36px;
text-align: center;
font-weight: bold;
color: #FF;
}
/*Contenedor central*/
div#contenedorMedio {
position: relative;
width: 760px;
top: 155px;
height: 100%;
}
/*Contenedores laterales*/
div#columnaDerecha, div#columnaIzquierda {
Re: [Ovillo] Problema con posicionamiento
Ok, asi lo tenia hecho hasta el momento y aun no he pensado en cambiarlo. Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Ernesto > Rodríguez Ageitos > Enviado el: Tuesday, April 18, 2006 2:09 PM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Problema con posicionamiento > > > >Antes de seguir una pequeña pregunta: ¿A que resolución > debería diseñar > >mi página? ¿800x600? > >¿1024x768? ¿Cuál es la más estándar en Internet? (me refiero > a la más > >usada) > > Según los datos de las visitas a las páginas de mis clientes, > ahora mismo la más usada es 1024x768, pero 800x600 aún lo usa > más de un 30%, por lo que yo aconsejaría diseñar para este > tamaño (800x600). > > Un saludo, > > Ernesto > > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org Puedes modificar tus datos o > desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
>Antes de seguir una pequeña pregunta: ¿A que >resolución debería diseñar mi página? ¿800x600? >¿1024x768? ¿Cuál es la más estándar en Internet? (me refiero a la más usada) Según los datos de las visitas a las páginas de mis clientes, ahora mismo la más usada es 1024x768, pero 800x600 aún lo usa más de un 30%, por lo que yo aconsejaría diseñar para este tamaño (800x600). Un saludo, Ernesto ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Ante todo muchas gracias por responder. He estado siguiendo al pie de la letra
todas las instrucciones que me dan ya que gracias a Ud. y un poco de estudio y
lectura he podido comprender conceptos y he llevado el diseño a un lugar que
nunca antes pensaba llegar con CSS. Bueno ahora sigo con algunos problemas de
posicionamiento y esta vez me va con IE. La página hasta ahora se ve casi
perfecta en Firefox e imagino que en navegadores como Camino (Mac), Opera
(Win/Mac/Lin) y cualquier otro, pero en IE tengo algunos problemas.
Fijense en el siguiente código:
...
Esta es la columna de la izzquierda, la estoy
posicionando de la mejor manera posible.
Creao que esto esta quedando bien
Samsung retrasa a junio el lanzamiento del Blu-ray en
Estados Unidos
La surcoreana Samsung Electronics dijo el martes
que ha retrasado en un mes el lanzamiento estadounidense de su reproductor DVD
de próxima generación, hasta finales de junio, de cara a completar las
pruebas.
La japonesa Toshiba comenzó la semana pasada con el
lanzamiento en Japón de sus reproductores en formato HD DVD, convirtiéndose en
la primera compañía en ofrecer en todo el mundo la próxima generación de
reproductores de discos ópticos. Samsung reestructurará el lanzamiento de su
reproductor de formato Blu-ray en Estados Unidos del 23 de mayo al 25 de junio,
dijo la compañía en un comunicado distribuido por una agencia de relaciones
públicas. "No obstante, anticipamos que el BD-P1000 Samsung será el primer
reproductor Blu-ray en ser lanzado a nivel nacional en Estados Unidos", dijo
Samsung en un comunicado. La japonesa Sony planea ofrecer los reproductores
Blu-ray en julio en Estados Unidos. La tecnología Blu-ray está compitiendo con
la HD DVD en la emergente guerra por el estándar del próximo DVD, que ofrece
más capacidad de almacenamiento para películas de alta definición que el actual
formato DVD.
/*columna de la derecha (AZUL)*/
Quie es esto
...
El problema está en el DIV c_colCenter pues no se me alinea verticalmente al
tope. La diferencia clara está cuando lo miran con IE y con Firefox. El CSS es
el siguiente:
div#c_colCenter { width: 50.5%; margin: 0 180px; color: #fff; padding:.5em;
text-align: justify }
Alguna ayuda con esto? El ejemplo online lo tienen en:
http://www.valencia.ch/simpro/samplev11.htm
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
On 4/12/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > Hola: > El problema de los DIV viene por el tipo de posicionamiento. Piensa que si > le pones absolute son las coordenadas relativas al borde superior,izquierda > de tu página, por lo que si cambias el tamaño de tu navegador siempre > estarán los elemento en esa misma posición. El resto siempre queda centrado > pero los elemento absolute no. > Prueba a cambiar a "relaitive" el posicionamiento, ya que las coordenadas > serán relativas. > Puf, es difícil de explicar, pero haz la prueba > además de esta opción del posicionamiento relativo, que yo no he probado, la que utilizo yo es un modelo puramente elástico, con todos los tamaños especificados en 'em'. así si hago un posicionamento absoluto, digamos a top: 3em, me seguirá manteniendo todo el diseño, puesto que se aleja/acerca a la parte superior de la pantalla a igual ritmo que haces la fuente más grande o más pequeña, y por tanto, todos los contenedores también crecen o se encogen. saludos -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Gracias por tu respuesta Javier: Probaré lo que me dices sobre el pocisionamiento "absoluto" o "relativo". Lo que pasa es que no me quedaba muy claro que significaban las propiedades y los valores pero ahora con lo que me dices me queda un poco más claro aunque no cristalino. Sobre el diseño está realizado para 800x600 y hasta ahora no me han pedido que lo haga en otra resolución mayor, lo que si me pidieron es que lo hiciera para IE y no lo estoy cumpliendo del todo pues estoy diseñando con Firefox. Cuando termine de posicionar todo en Firefox y logré que se me vea correcto entonces me fajaré con las cosas en IE ya que creo son un poco más complicadas -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > Enviado el: Wednesday, April 12, 2006 9:16 AM > Para: Ovillo, la lista de CSS en castellano > CC: Reynier Perez Mira > Asunto: Re: [Ovillo] Problema con posicionamiento > > Hola: > > El problema de los DIV viene por el tipo de posicionamiento. > Piensa que si le pones absolute son las coordenadas relativas > al borde superior,izquierda de tu página, por lo que si > cambias el tamaño de tu navegador siempre estarán los > elemento en esa misma posición. El resto siempre queda > centrado pero los elemento absolute no. > > Prueba a cambiar a "relaitive" el posicionamiento, ya que las > coordenadas serán relativas. > > Puf, es difícil de explicar, pero haz la prueba > > En cuanto a lo de la resolución no sé muy bien cuál es el más > extendido al dia de hoy, pero te recominedo que lo diseñes a > 800x600 (a no ser que te pidan lo contrario) porque todavía > hay mucha gente que tiene monitores pequeños o con problemas > de visión y dejan la resolución a 800x600. A cuantos más > llegues mejor. > > Saludos > > > Reynier Perez Mira escribió: > > Hola lista: > > Como muchos habrán podido observar en estos días me he dado > a la tarea de maquetar mi sitio con CSS en vez de hacerlo con > tablas. Los diseños pueden verlos en la siguiente dirección: > > [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm > > [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm > > > > Antes de seguir una pequeña pregunta: ¿A que resolución debería > > diseñar mi página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en > > Internet? (me refiero a la más usada) > > > > Bueno continuando con los problemas que estoy presentando. > Tengo algunos DIV posicionados con la propiedad "position" en > "absolute" y cuando redimensiono la página para ver como se > ve en las diferentes resoluciones, dígamos 800x600 se me > mueven de lugar y distorsinan por completo la página haciendo > que la misma se vea mal. Compruebenlo por ustedes mismos en > la página maquetada con CSS [2]. Que puedo hacer para > solucionar este problema? > > Salu2 > > -- > > ReynierPM > > 4to. Ing. Informática > > Linux User: #310201 > > El programador superhéroe aprende de compartir sus > conocimientos. Es el referente de sus compañeros. Todo el > mundo va a preguntarle y él, secretamente, lo fomenta porque > es así como adquiere su legendaria sabiduría: escuchando > ayudando a los demás... > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > http://ovillo.org/mailman/listinfo/ovillo > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Hola: El problema de los DIV viene por el tipo de posicionamiento. Piensa que si le pones absolute son las coordenadas relativas al borde superior,izquierda de tu página, por lo que si cambias el tamaño de tu navegador siempre estarán los elemento en esa misma posición. El resto siempre queda centrado pero los elemento absolute no. Prueba a cambiar a "relaitive" el posicionamiento, ya que las coordenadas serán relativas. Puf, es difícil de explicar, pero haz la prueba En cuanto a lo de la resolución no sé muy bien cuál es el más extendido al dia de hoy, pero te recominedo que lo diseñes a 800x600 (a no ser que te pidan lo contrario) porque todavía hay mucha gente que tiene monitores pequeños o con problemas de visión y dejan la resolución a 800x600. A cuantos más llegues mejor. Saludos Reynier Perez Mira escribió: > Hola lista: > Como muchos habrán podido observar en estos días me he dado a la tarea de > maquetar mi sitio con CSS en vez de hacerlo con tablas. Los diseños pueden > verlos en la siguiente dirección: > [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm > [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm > > Antes de seguir una pequeña pregunta: ¿A que resolución debería diseñar mi > página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en Internet? (me > refiero a la más usada) > > Bueno continuando con los problemas que estoy presentando. Tengo algunos DIV > posicionados con la propiedad "position" en "absolute" y cuando redimensiono > la página para ver como se ve en las diferentes resoluciones, dígamos 800x600 > se me mueven de lugar y distorsinan por completo la página haciendo que la > misma se vea mal. Compruebenlo por ustedes mismos en la página maquetada con > CSS [2]. Que puedo hacer para solucionar este problema? > Salu2 > -- > ReynierPM > 4to. Ing. Informática > Linux User: #310201 > El programador superhéroe aprende de compartir sus conocimientos. Es el > referente de sus compañeros. Todo el mundo va a preguntarle y él, > secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: > escuchando ayudando a los demás... > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento
Hola lista: Como muchos habrán podido observar en estos días me he dado a la tarea de maquetar mi sitio con CSS en vez de hacerlo con tablas. Los diseños pueden verlos en la siguiente dirección: [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm Antes de seguir una pequeña pregunta: ¿A que resolución debería diseñar mi página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en Internet? (me refiero a la más usada) Bueno continuando con los problemas que estoy presentando. Tengo algunos DIV posicionados con la propiedad "position" en "absolute" y cuando redimensiono la página para ver como se ve en las diferentes resoluciones, dígamos 800x600 se me mueven de lugar y distorsinan por completo la página haciendo que la misma se vea mal. Compruebenlo por ustedes mismos en la página maquetada con CSS [2]. Que puedo hacer para solucionar este problema? Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
