Re: [Ovillo] Problemas con etiqueta div
Yo también opino que el IE5 ya esta en desuso y no vale la pena diseñar para
el actualmente. Hace tiempo que dejé de pensar en este navegador.
Por cierto, me gusta la página que enlazas.
Salu2
-Mensaje original-
De: Javier Trejo [mailto:[EMAIL PROTECTED]
Enviado el: lunes, 03 de diciembre de 2007 5:05
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Problemas con etiqueta div
Joaquin:
Lo más probable sea que IE5 interpreta los padding y margin de una forma
diferente a las versiones posteriores.
Por otro lado, IE5 es un navegador que ya está en desuso. Esta versión de IE
venía con los sistemas operativos Windows 95. Actualmente dentro de la línea
de IE el más utilizado es el 6 (ya que se actualiza en forma automática a
esta versión en todos los equipos con Windows 98 SE y se actualiza a IE7
para Windows XP SP2).
Espero puedas solucionar tu problema (fijate los margin o padding que seguro
IE5 al sumar lo hace en forma diferente, pero tené en cuenta mi comentario
anterior ya que no creo que exista usuario con IE5.
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Joaquim Font
Enviado el: domingo, 02 de diciembre de 2007 21:28
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Problemas con etiqueta div
En la página web esta:
http://www.cgibuenosairesbpba.org/index.php
Tengo problemas con la columna div derecha que en EE 5 en vez de
verse a la derecha como en el firefox se ve debajo de a div centro
¿Alguien podrá ayudarme? Saludos
Joaquin
body {
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 62.5%;
}
#encabezado {
width: 100%;
}
#navbar {
padding: 5px 0 0 250px;
background: #FBFAF4;
border-top: 5px solid;
font: 1.4em/1.4em Georgia, Times, serif;
overflow: hidden;
text-align: left;
margin-top: 10px;
margin-bottom: 0;
border-bottom: 1px solid #8e8e78;
text-transform: uppercase;
height: 2em;
}
#navbar li {
display: inline;
margin-left: -5px;
}
#navbar li a {
text-decoration: none;
color: #000;
}
#navbar li a.contacto {
border-right: none;
}
#navbar li a:hover {
color: #cd2000;
}
#logo {
margin-top: 0;
margin-left: 25px;
z-index: 5;
position: absolute;
top: 10px;
width: 175px;
height: 175px;
background-image: url(./imagenes/logo.gif);
}
#cuerpo {
width: 750px;
margin: 0;
padding-top: 0;
overflow: hidden;
}
#izquierda {
width: 175px;
float: left;
margin-left: 25px;
margin-top: 140px;
}
#izquierda #datos {
text-align: center;
border-bottom: 1px solid gray;
margin-top: 10px;
}
#izquierda #datos p {
font-size: 1em;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}
*html#main {
overflow: hidden;
}
#main {
float: right;
margin: 0;
padding: 0;
width: 500px;
overflow: visible;
}
#main #centro {
width: 313px;
float: left;
padding-right: 10px;
padding-left: 25px;
border-right: 1px solid silver;
margin: 0;
}
#main #derecha {
float: right;
width: 130px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #7695B7;
margin-top: 0;
overflow: hidden;
}
#derecha h4 {
color: #717060;
font-size: 1.3em;
font-weight: normal;
font-style: normal;
margin-left: -10px;
overflow: visible;
width: 130px;
margin-right: -10px;
background-color: #FBFAF4;
border-bottom: 1px solid #8e8e78;
padding: 5px 10px;
}
#derecha #entradas {
}
#derecha #entradas ul {
padding: 0;
list-style-type: none;
list-style-image: none;
}
#derecha #entradas li {
font: 1em/1.2em Verdana, "Lucida Grande", Lucida, sans-serif;
padding-bottom: 3px;
}
#derecha #entradas li a {
color: #000;
text-decoration: none;
}
#derecha #entradas li a:hover {
text-decoration: underline;
color: maroon;
}
#derecha #busca {
background-color: #7695B7;
border-style: none;
margin-right: -10px;
margin-left: -10px;
margin-top: 0;
padding: 10px;
}
#derecha #busca form {
margin: 0;
padding: 0;
height: 20px;
display: inline;
}
#derecha #busca p {
height: 25px;
padding: 0;
margin: 0;
}
#derecha p #cbusca {
width: 109px;
}
#derecha p #searchsubmit {
margin-top: 5px;
backgr
Re: [Ovillo] Problemas con etiqueta div
Joaquin:
Lo más probable sea que IE5 interpreta los padding y margin de una forma
diferente a las versiones posteriores.
Por otro lado, IE5 es un navegador que ya está en desuso. Esta versión de IE
venía con los sistemas operativos Windows 95. Actualmente dentro de la línea
de IE el más utilizado es el 6 (ya que se actualiza en forma automática a
esta versión en todos los equipos con Windows 98 SE y se actualiza a IE7
para Windows XP SP2).
Espero puedas solucionar tu problema (fijate los margin o padding que seguro
IE5 al sumar lo hace en forma diferente, pero tené en cuenta mi comentario
anterior ya que no creo que exista usuario con IE5.
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Joaquim Font
Enviado el: domingo, 02 de diciembre de 2007 21:28
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Problemas con etiqueta div
En la página web esta:
http://www.cgibuenosairesbpba.org/index.php
Tengo problemas con la columna div derecha que en EE 5 en vez de
verse a la derecha como en el firefox se ve debajo de a div centro
¿Alguien podrá ayudarme? Saludos
Joaquin
body {
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 62.5%;
}
#encabezado {
width: 100%;
}
#navbar {
padding: 5px 0 0 250px;
background: #FBFAF4;
border-top: 5px solid;
font: 1.4em/1.4em Georgia, Times, serif;
overflow: hidden;
text-align: left;
margin-top: 10px;
margin-bottom: 0;
border-bottom: 1px solid #8e8e78;
text-transform: uppercase;
height: 2em;
}
#navbar li {
display: inline;
margin-left: -5px;
}
#navbar li a {
text-decoration: none;
color: #000;
}
#navbar li a.contacto {
border-right: none;
}
#navbar li a:hover {
color: #cd2000;
}
#logo {
margin-top: 0;
margin-left: 25px;
z-index: 5;
position: absolute;
top: 10px;
width: 175px;
height: 175px;
background-image: url(./imagenes/logo.gif);
}
#cuerpo {
width: 750px;
margin: 0;
padding-top: 0;
overflow: hidden;
}
#izquierda {
width: 175px;
float: left;
margin-left: 25px;
margin-top: 140px;
}
#izquierda #datos {
text-align: center;
border-bottom: 1px solid gray;
margin-top: 10px;
}
#izquierda #datos p {
font-size: 1em;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}
*html#main {
overflow: hidden;
}
#main {
float: right;
margin: 0;
padding: 0;
width: 500px;
overflow: visible;
}
#main #centro {
width: 313px;
float: left;
padding-right: 10px;
padding-left: 25px;
border-right: 1px solid silver;
margin: 0;
}
#main #derecha {
float: right;
width: 130px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #7695B7;
margin-top: 0;
overflow: hidden;
}
#derecha h4 {
color: #717060;
font-size: 1.3em;
font-weight: normal;
font-style: normal;
margin-left: -10px;
overflow: visible;
width: 130px;
margin-right: -10px;
background-color: #FBFAF4;
border-bottom: 1px solid #8e8e78;
padding: 5px 10px;
}
#derecha #entradas {
}
#derecha #entradas ul {
padding: 0;
list-style-type: none;
list-style-image: none;
}
#derecha #entradas li {
font: 1em/1.2em Verdana, "Lucida Grande", Lucida, sans-serif;
padding-bottom: 3px;
}
#derecha #entradas li a {
color: #000;
text-decoration: none;
}
#derecha #entradas li a:hover {
text-decoration: underline;
color: maroon;
}
#derecha #busca {
background-color: #7695B7;
border-style: none;
margin-right: -10px;
margin-left: -10px;
margin-top: 0;
padding: 10px;
}
#derecha #busca form {
margin: 0;
padding: 0;
height: 20px;
display: inline;
}
#derecha #busca p {
height: 25px;
padding: 0;
margin: 0;
}
#derecha p #cbusca {
width: 109px;
}
#derecha p #searchsubmit {
margin-top: 5px;
background: url(./imagenes/busca.gif) no-repeat;
width: 45px;
height: 20px;
}
#derecha #busca .avanza {
margin-top: 5px;
margin-bottom: 0px;
}
#derecha #busca .avanza p {
height: 10px;
}
#derecha #busca a {
font-size: 1em;
line-height: 1.2em;
color: white;
text-decoration: none;
margin-top: 5px;
}
#derecha #busca a:hover {
text-decoration:
[Ovillo] Problemas con etiqueta div
En la página web esta:
http://www.cgibuenosairesbpba.org/index.php
Tengo problemas con la columna div “derecha” que en EE 5 en vez de
verse a la derecha como en el firefox se ve debajo de a div “centro”
¿Alguien podrá ayudarme? Saludos
Joaquin
body {
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 62.5%;
}
#encabezado {
width: 100%;
}
#navbar {
padding: 5px 0 0 250px;
background: #FBFAF4;
border-top: 5px solid;
font: 1.4em/1.4em Georgia, Times, serif;
overflow: hidden;
text-align: left;
margin-top: 10px;
margin-bottom: 0;
border-bottom: 1px solid #8e8e78;
text-transform: uppercase;
height: 2em;
}
#navbar li {
display: inline;
margin-left: -5px;
}
#navbar li a {
text-decoration: none;
color: #000;
}
#navbar li a.contacto {
border-right: none;
}
#navbar li a:hover {
color: #cd2000;
}
#logo {
margin-top: 0;
margin-left: 25px;
z-index: 5;
position: absolute;
top: 10px;
width: 175px;
height: 175px;
background-image: url(./imagenes/logo.gif);
}
#cuerpo {
width: 750px;
margin: 0;
padding-top: 0;
overflow: hidden;
}
#izquierda {
width: 175px;
float: left;
margin-left: 25px;
margin-top: 140px;
}
#izquierda #datos {
text-align: center;
border-bottom: 1px solid gray;
margin-top: 10px;
}
#izquierda #datos p {
font-size: 1em;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}
*html#main {
overflow: hidden;
}
#main {
float: right;
margin: 0;
padding: 0;
width: 500px;
overflow: visible;
}
#main #centro {
width: 313px;
float: left;
padding-right: 10px;
padding-left: 25px;
border-right: 1px solid silver;
margin: 0;
}
#main #derecha {
float: right;
width: 130px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #7695B7;
margin-top: 0;
overflow: hidden;
}
#derecha h4 {
color: #717060;
font-size: 1.3em;
font-weight: normal;
font-style: normal;
margin-left: -10px;
overflow: visible;
width: 130px;
margin-right: -10px;
background-color: #FBFAF4;
border-bottom: 1px solid #8e8e78;
padding: 5px 10px;
}
#derecha #entradas {
}
#derecha #entradas ul {
padding: 0;
list-style-type: none;
list-style-image: none;
}
#derecha #entradas li {
font: 1em/1.2em Verdana, "Lucida Grande", Lucida, sans-serif;
padding-bottom: 3px;
}
#derecha #entradas li a {
color: #000;
text-decoration: none;
}
#derecha #entradas li a:hover {
text-decoration: underline;
color: maroon;
}
#derecha #busca {
background-color: #7695B7;
border-style: none;
margin-right: -10px;
margin-left: -10px;
margin-top: 0;
padding: 10px;
}
#derecha #busca form {
margin: 0;
padding: 0;
height: 20px;
display: inline;
}
#derecha #busca p {
height: 25px;
padding: 0;
margin: 0;
}
#derecha p #cbusca {
width: 109px;
}
#derecha p #searchsubmit {
margin-top: 5px;
background: url(./imagenes/busca.gif) no-repeat;
width: 45px;
height: 20px;
}
#derecha #busca .avanza {
margin-top: 5px;
margin-bottom: 0px;
}
#derecha #busca .avanza p {
height: 10px;
}
#derecha #busca a {
font-size: 1em;
line-height: 1.2em;
color: white;
text-decoration: none;
margin-top: 5px;
}
#derecha #busca a:hover {
text-decoration: underline;
}
/*---*/
#enlaces {
margin-top: 5px;
}
#enlaces ul {
border-bottom: 1px dashed silver;
padding: 0 0 5px;
margin: 0;
}
#enlaces li {
list-style-image: none;
list-style-type: disc;
padding-bottom: 2px;
padding-top: 2px;
list-style-position: outside;
width: 100px;
margin-left: 15px;
}
#enlaces li a {
font: 1em Verdana, "Lucida Grande", Lucida, sans-serif;
text-decoration: none;
color: maroon;
padding-top: 2px;
padding-bottom: 3px;
margin-bottom: 2px;
}
#enlaces li a:hover {
text-decoration: none;
color: #000;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 2px;
}
#pie {
height: 60px;
width: 100%;
border-bottom: 5px solid #7695b7;
border-top: 1px solid silver;
clear: both;
margin: 0;
padding: 0;
}
#pie .nombre {
float: left;
height: 20px;
width: 100px;
margin-right: 10px;
