Re: [Ovillo] Problemas de alineado vertical en IE6

2007-01-30 Por tema andres karp
Ok Almirante, lo probaré. gracias

2007/1/30, LISTAS <[EMAIL PROTECTED]>:
> Es un problema de márgenes dice mi abuela; "margin:0px" en ambos
> contenedores debería resolver el caso. Cero para la parte inferior del de
> arriba y cero en la superior del de abajo.
>
> En UTILIDADES me parece que no está bien definido el estilo. Firefox y
> Explorer lo muestran algo diferentes.
>
> Por último, en Explorer 6.bla.bla.bla se me desborda bastante hacia afuera
> del monitor. En Firefox 2.0.0.1 "clava" un poco mejor y Opera 9.0.1 la pone
> en el blanco... A la página digo, je. Todo esto en 800x600px.
>
> Almirante von Web/.
>
> - Original Message -
> From: "andres karp" <[EMAIL PROTECTED]>
> To: 
> Sent: Tuesday, January 30, 2007 8:32 AM
> Subject: [Ovillo] Problemas de alineado vertical en IE6
>
>
> Pues eso que estaba terminando una página y en IE7 y firefox se ve
> perfecto pero en el IE6 me hace un feo, la parte del centro se me va
> para abajo, estuve revisandola pero no encuentro el problema la pag es
> www.pasaporteuniversitario.com y abajo os dejo al hoja de estilos.
> Saludos a todos
>
> Andrés Karp
> /* Hoja de estilos */
>
> /* >>> ELEMENTOS <<< */ * { padding: 0; margin: 0; } body { color:
> #333; background-color: #f5f5f5; font-family: "Arial", "Tahoma", "MS
> Sans Serif", sans-serif; font-size: 75%; text-align: center;
> background-image:url(../../img/fondo.jpg) } /* >>> CONTENEDORES <<< */
> div#print { display: none; } div#container { width: 780px; margin:
> 10px auto; text-align: left; } div#header-wrap { margin-top: 0px;
> margin-right: 0; margin-bottom: 2px; margin-left: 0; } div#header-in {
> padding: 0px; color: inherit; background-color: #fff; border: solid
> #66; border-width: 0 0px 0px 0;
> background-image:url(../../img/cabecera.jpg); height:150px;
> background-repeat:no-repeat; } div#content-wrap { } div#center {
> margin: 0 190px; color: inherit; background-color: #fff; border: solid
> #66; border-width: 0 2px 2px 0; text-align:top; } div#center-in {
> padding: 12px; } div#left { float: left; width: 180px; color: #edb548;
> background-color: #8c2143; border: solid #66; border-width: 0 2px
> 2px 0; } div#left-in { padding: 1px; } div#right { float: right;
> width: 180px; color: inherit; background-color: #fff; border: solid
> #66; border-width: 0 2px 2px 0; } div#left-in { padding: 1px; }
> div#footer-wrap { clear: both; } div#footer-in { } /* >>> SUB
> CONTENEDORES<<< */ div.box { float: right; width: 350px; margin: 0px
> 0px; padding: 10px; color: inherit; background-color: #f5f5f5; border:
> 1px solid #99; } div.left { float: left; margin: 0px 0px 0px 0;
> font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
> div.right { } .table { background-color:#CCFFCC; width:100%; } .table1
> { background-color:#CC; width:100%; } .fecha { font-weight:bold; }
> /* >>> LISTAS <<< */ ul#nav-left, ul#nav-right { margin: 20px;
> list-style: none; } ul#nav-left li, ul#nav-right li { } ul#nav-left li
> a, ul#nav-right li a { display: block; width: 125px; padding: 5px
> 10px; color: #edb548; background-color: inherit; text-decoration:
> none; border-bottom:1px solid #66; } ul#nav-left li a:hover,
> ul#nav-right li a:hover { color: #edb548; background-color:#CC;
> border-bottom: 1px solid #66; } ul#nav-top { float: right;
> padding: 1px 0; list-style: none; } ul#nav-top li { display: inline; }
> ul#nav-top li a { margin: 0 8px; color: #888; background-color:
> inherit; font-size: 90%; text-decoration: none; border-bottom: 1px
> solid #eee; } ul#nav-top li a:hover { color: #4494FF;
> background-color: inherit; border-bottom: 1px solid #F1F7FF; }
> ul#nav-footer { margin: 0 190px; padding: 0 2px; color: #aaa;
> background-color: inherit; font-size: 80%; list-style: none;
> text-align: right; } ul#nav-footer li { display: inline; }
> ul#nav-footer li.left { float: left; } ul#nav-footer li a { margin: 0
> 3px; color: #aaa; background-color: inherit; } ul#nav-footer li
> a:hover { color: #333; background-color: inherit; } ul.list { margin:
> 20px 30px; font-size: 90%; line-height: 20px; } /* >>> TIPOGRAFêAS <<<
> */ *.x { display: none; } div#header-wrap h1 { padding: 10px;
> font-size: 200%; } div#center h2 { margin: 0 0 5px 0; font-size: 150%;
> } div#left h2, div#right h2 { margin: 20px 20px 5px 20px; font-size:
> 100%; } div#center p { margin: 5px 0 5px 0; color: #444;
> background-color: inherit; font-size: 12px; line-height: 18px; }
> div#left p, div#right p { margin: 0 20px 5px 20px; color: #666;
> background-color: inherit; font-size:

Re: [Ovillo] Problemas de alineado vertical en IE6

2007-01-30 Por tema LISTAS
Es un problema de márgenes dice mi abuela; "margin:0px" en ambos
contenedores debería resolver el caso. Cero para la parte inferior del de
arriba y cero en la superior del de abajo.

En UTILIDADES me parece que no está bien definido el estilo. Firefox y
Explorer lo muestran algo diferentes.

Por último, en Explorer 6.bla.bla.bla se me desborda bastante hacia afuera
del monitor. En Firefox 2.0.0.1 "clava" un poco mejor y Opera 9.0.1 la pone
en el blanco... A la página digo, je. Todo esto en 800x600px.

Almirante von Web/.

- Original Message -
From: "andres karp" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, January 30, 2007 8:32 AM
Subject: [Ovillo] Problemas de alineado vertical en IE6


Pues eso que estaba terminando una página y en IE7 y firefox se ve
perfecto pero en el IE6 me hace un feo, la parte del centro se me va
para abajo, estuve revisandola pero no encuentro el problema la pag es
www.pasaporteuniversitario.com y abajo os dejo al hoja de estilos.
Saludos a todos

Andrés Karp
/* Hoja de estilos */

/* >>> ELEMENTOS <<< */ * { padding: 0; margin: 0; } body { color:
#333; background-color: #f5f5f5; font-family: "Arial", "Tahoma", "MS
Sans Serif", sans-serif; font-size: 75%; text-align: center;
background-image:url(../../img/fondo.jpg) } /* >>> CONTENEDORES <<< */
div#print { display: none; } div#container { width: 780px; margin:
10px auto; text-align: left; } div#header-wrap { margin-top: 0px;
margin-right: 0; margin-bottom: 2px; margin-left: 0; } div#header-in {
padding: 0px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 0px 0px 0;
background-image:url(../../img/cabecera.jpg); height:150px;
background-repeat:no-repeat; } div#content-wrap { } div#center {
margin: 0 190px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; text-align:top; } div#center-in {
padding: 12px; } div#left { float: left; width: 180px; color: #edb548;
background-color: #8c2143; border: solid #66; border-width: 0 2px
2px 0; } div#left-in { padding: 1px; } div#right { float: right;
width: 180px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; } div#left-in { padding: 1px; }
div#footer-wrap { clear: both; } div#footer-in { } /* >>> SUB
CONTENEDORES<<< */ div.box { float: right; width: 350px; margin: 0px
0px; padding: 10px; color: inherit; background-color: #f5f5f5; border:
1px solid #99; } div.left { float: left; margin: 0px 0px 0px 0;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.right { } .table { background-color:#CCFFCC; width:100%; } .table1
{ background-color:#CC; width:100%; } .fecha { font-weight:bold; }
/* >>> LISTAS <<< */ ul#nav-left, ul#nav-right { margin: 20px;
list-style: none; } ul#nav-left li, ul#nav-right li { } ul#nav-left li
a, ul#nav-right li a { display: block; width: 125px; padding: 5px
10px; color: #edb548; background-color: inherit; text-decoration:
none; border-bottom:1px solid #66; } ul#nav-left li a:hover,
ul#nav-right li a:hover { color: #edb548; background-color:#CC;
border-bottom: 1px solid #66; } ul#nav-top { float: right;
padding: 1px 0; list-style: none; } ul#nav-top li { display: inline; }
ul#nav-top li a { margin: 0 8px; color: #888; background-color:
inherit; font-size: 90%; text-decoration: none; border-bottom: 1px
solid #eee; } ul#nav-top li a:hover { color: #4494FF;
background-color: inherit; border-bottom: 1px solid #F1F7FF; }
ul#nav-footer { margin: 0 190px; padding: 0 2px; color: #aaa;
background-color: inherit; font-size: 80%; list-style: none;
text-align: right; } ul#nav-footer li { display: inline; }
ul#nav-footer li.left { float: left; } ul#nav-footer li a { margin: 0
3px; color: #aaa; background-color: inherit; } ul#nav-footer li
a:hover { color: #333; background-color: inherit; } ul.list { margin:
20px 30px; font-size: 90%; line-height: 20px; } /* >>> TIPOGRAFêAS <<<
*/ *.x { display: none; } div#header-wrap h1 { padding: 10px;
font-size: 200%; } div#center h2 { margin: 0 0 5px 0; font-size: 150%;
} div#left h2, div#right h2 { margin: 20px 20px 5px 20px; font-size:
100%; } div#center p { margin: 5px 0 5px 0; color: #444;
background-color: inherit; font-size: 12px; line-height: 18px; }
div#left p, div#right p { margin: 0 20px 5px 20px; color: #666;
background-color: inherit; font-size: 90%; } p a, ul.list a { color:
#4494FF; background-color: inherit; text-decoration: none;
border-bottom: 1px solid #F1F7FF; } p a:hover, ul.list a:hover {
color: #333; background-color: inherit; border-bottom: 1px solid #eee;
} /* >>> FORMULARIOS <<< */ * { }
___
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

[Ovillo] Problemas de alineado vertical en IE6

2007-01-30 Por tema andres karp
Pues eso que estaba terminando una página y en IE7 y firefox se ve
perfecto pero en el IE6 me hace un feo, la parte del centro se me va
para abajo, estuve revisandola pero no encuentro el problema la pag es
www.pasaporteuniversitario.com y abajo os dejo al hoja de estilos.
Saludos a todos

Andrés Karp
/* Hoja de estilos */

/* >>> ELEMENTOS <<< */ * { padding: 0; margin: 0; } body { color:
#333; background-color: #f5f5f5; font-family: "Arial", "Tahoma", "MS
Sans Serif", sans-serif; font-size: 75%; text-align: center;
background-image:url(../../img/fondo.jpg) } /* >>> CONTENEDORES <<< */
div#print { display: none; } div#container { width: 780px; margin:
10px auto; text-align: left; } div#header-wrap { margin-top: 0px;
margin-right: 0; margin-bottom: 2px; margin-left: 0; } div#header-in {
padding: 0px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 0px 0px 0;
background-image:url(../../img/cabecera.jpg); height:150px;
background-repeat:no-repeat; } div#content-wrap { } div#center {
margin: 0 190px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; text-align:top; } div#center-in {
padding: 12px; } div#left { float: left; width: 180px; color: #edb548;
background-color: #8c2143; border: solid #66; border-width: 0 2px
2px 0; } div#left-in { padding: 1px; } div#right { float: right;
width: 180px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; } div#left-in { padding: 1px; }
div#footer-wrap { clear: both; } div#footer-in { } /* >>> SUB
CONTENEDORES<<< */ div.box { float: right; width: 350px; margin: 0px
0px; padding: 10px; color: inherit; background-color: #f5f5f5; border:
1px solid #99; } div.left { float: left; margin: 0px 0px 0px 0;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.right { } .table { background-color:#CCFFCC; width:100%; } .table1
{ background-color:#CC; width:100%; } .fecha { font-weight:bold; }
/* >>> LISTAS <<< */ ul#nav-left, ul#nav-right { margin: 20px;
list-style: none; } ul#nav-left li, ul#nav-right li { } ul#nav-left li
a, ul#nav-right li a { display: block; width: 125px; padding: 5px
10px; color: #edb548; background-color: inherit; text-decoration:
none; border-bottom:1px solid #66; } ul#nav-left li a:hover,
ul#nav-right li a:hover { color: #edb548; background-color:#CC;
border-bottom: 1px solid #66; } ul#nav-top { float: right;
padding: 1px 0; list-style: none; } ul#nav-top li { display: inline; }
ul#nav-top li a { margin: 0 8px; color: #888; background-color:
inherit; font-size: 90%; text-decoration: none; border-bottom: 1px
solid #eee; } ul#nav-top li a:hover { color: #4494FF;
background-color: inherit; border-bottom: 1px solid #F1F7FF; }
ul#nav-footer { margin: 0 190px; padding: 0 2px; color: #aaa;
background-color: inherit; font-size: 80%; list-style: none;
text-align: right; } ul#nav-footer li { display: inline; }
ul#nav-footer li.left { float: left; } ul#nav-footer li a { margin: 0
3px; color: #aaa; background-color: inherit; } ul#nav-footer li
a:hover { color: #333; background-color: inherit; } ul.list { margin:
20px 30px; font-size: 90%; line-height: 20px; } /* >>> TIPOGRAFêAS <<<
*/ *.x { display: none; } div#header-wrap h1 { padding: 10px;
font-size: 200%; } div#center h2 { margin: 0 0 5px 0; font-size: 150%;
} div#left h2, div#right h2 { margin: 20px 20px 5px 20px; font-size:
100%; } div#center p { margin: 5px 0 5px 0; color: #444;
background-color: inherit; font-size: 12px; line-height: 18px; }
div#left p, div#right p { margin: 0 20px 5px 20px; color: #666;
background-color: inherit; font-size: 90%; } p a, ul.list a { color:
#4494FF; background-color: inherit; text-decoration: none;
border-bottom: 1px solid #F1F7FF; } p a:hover, ul.list a:hover {
color: #333; background-color: inherit; border-bottom: 1px solid #eee;
} /* >>> FORMULARIOS <<< */ * { }
___
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] Problemas de alineado vertical en IE6

2007-01-30 Por tema andres karp
Pues eso que estaba terminando una página y en IE7 y firefox se ve
perfecto pero en el IE6 me hace un feo, la parte del centro se me va
para abajo, estuve revisandola pero no encuentro el problema la pag es
www.pasaporteuniversitario.com y abajo os dejo al hoja de estilos.
Saludos a todos

Andrés Karp
/* Hoja de estilos */

/* >>> ELEMENTOS <<< */ * { padding: 0; margin: 0; } body { color:
#333; background-color: #f5f5f5; font-family: "Arial", "Tahoma", "MS
Sans Serif", sans-serif; font-size: 75%; text-align: center;
background-image:url(../../img/fondo.jpg) } /* >>> CONTENEDORES <<< */
div#print { display: none; } div#container { width: 780px; margin:
10px auto; text-align: left; } div#header-wrap { margin-top: 0px;
margin-right: 0; margin-bottom: 2px; margin-left: 0; } div#header-in {
padding: 0px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 0px 0px 0;
background-image:url(../../img/cabecera.jpg); height:150px;
background-repeat:no-repeat; } div#content-wrap { } div#center {
margin: 0 190px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; text-align:top; } div#center-in {
padding: 12px; } div#left { float: left; width: 180px; color: #edb548;
background-color: #8c2143; border: solid #66; border-width: 0 2px
2px 0; } div#left-in { padding: 1px; } div#right { float: right;
width: 180px; color: inherit; background-color: #fff; border: solid
#66; border-width: 0 2px 2px 0; } div#left-in { padding: 1px; }
div#footer-wrap { clear: both; } div#footer-in { } /* >>> SUB
CONTENEDORES<<< */ div.box { float: right; width: 350px; margin: 0px
0px; padding: 10px; color: inherit; background-color: #f5f5f5; border:
1px solid #99; } div.left { float: left; margin: 0px 0px 0px 0;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.right { } .table { background-color:#CCFFCC; width:100%; } .table1
{ background-color:#CC; width:100%; } .fecha { font-weight:bold; }
/* >>> LISTAS <<< */ ul#nav-left, ul#nav-right { margin: 20px;
list-style: none; } ul#nav-left li, ul#nav-right li { } ul#nav-left li
a, ul#nav-right li a { display: block; width: 125px; padding: 5px
10px; color: #edb548; background-color: inherit; text-decoration:
none; border-bottom:1px solid #66; } ul#nav-left li a:hover,
ul#nav-right li a:hover { color: #edb548; background-color:#CC;
border-bottom: 1px solid #66; } ul#nav-top { float: right;
padding: 1px 0; list-style: none; } ul#nav-top li { display: inline; }
ul#nav-top li a { margin: 0 8px; color: #888; background-color:
inherit; font-size: 90%; text-decoration: none; border-bottom: 1px
solid #eee; } ul#nav-top li a:hover { color: #4494FF;
background-color: inherit; border-bottom: 1px solid #F1F7FF; }
ul#nav-footer { margin: 0 190px; padding: 0 2px; color: #aaa;
background-color: inherit; font-size: 80%; list-style: none;
text-align: right; } ul#nav-footer li { display: inline; }
ul#nav-footer li.left { float: left; } ul#nav-footer li a { margin: 0
3px; color: #aaa; background-color: inherit; } ul#nav-footer li
a:hover { color: #333; background-color: inherit; } ul.list { margin:
20px 30px; font-size: 90%; line-height: 20px; } /* >>> TIPOGRAFêAS <<<
*/ *.x { display: none; } div#header-wrap h1 { padding: 10px;
font-size: 200%; } div#center h2 { margin: 0 0 5px 0; font-size: 150%;
} div#left h2, div#right h2 { margin: 20px 20px 5px 20px; font-size:
100%; } div#center p { margin: 5px 0 5px 0; color: #444;
background-color: inherit; font-size: 12px; line-height: 18px; }
div#left p, div#right p { margin: 0 20px 5px 20px; color: #666;
background-color: inherit; font-size: 90%; } p a, ul.list a { color:
#4494FF; background-color: inherit; text-decoration: none;
border-bottom: 1px solid #F1F7FF; } p a:hover, ul.list a:hover {
color: #333; background-color: inherit; border-bottom: 1px solid #eee;
} /* >>> FORMULARIOS <<< */ * { }
___
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