Bueno voy a probar lo me dijistes a ver que tal va la cosa, pero muchas
gracias por el toolbar developer de IE, creo que me va a ayudar bastante.
Por cierto ya se que tenies que trabajar pero son dudas que me corroen (No
tiene prisa por dejar bonito el proyecto con las css y las monadas de los
botnes etc, lo estoy dejando para lo ultimo por que creo que es preferible
que me funcione el carrito de compra que no que tenga un boton de comprar
muy chulo, Bueno la conclusion es que si me quereis contestar o probar no
tiene por que ser rapido, :-) )
Lo que me intriga el lo siguiente mi hoja de estilos vieja que es esta:
/* Elimina los margenes que los exploradores utilizan por defecto */
html { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; }
#cabecera
{
width: 100%;
height: 15%;
background-color: darkblue;
clear: both;
background-image: url('barra.jpg');
background-repeat: repeat-x;
background-position: bottom;
}
#contenedor
{
width: auto; /* Ajusta el tamaño al 100% pero respetando no crecer demasiado
si hay bordes y demás cosas */
height: 82%;
border-right: 150px solid #cccccc;
border-left: 150px solid #cccccc;
}
#izquierda
{
position: relative;
float: left;
width: 150px;
margin-left: -150px; /* Hace que la columna izquierda se desplace hacia la
izquierda ocupando el borde */
}
#centro
{
position: relative;
float: left;
width: 100%;
height: 100%;
/*padding-top:5px;*/
overflow: auto !important;
overflow: yes;
}
#msg_anadido
{
position: relative;
float: left;
width: 100%;
height: 100%;
/*padding-top:5px;*/
overflow: auto !important;
overflow: yes;
}
#derecha
{
position: relative;
float: right;
width: 150px;
margin-right: -150px; /* Hace que la columna derecha se desplace hacia la
derecha ocupando el borde */
}
#pie
{
position:relative;
width: auto; /* Ajusta el tamaño al 100% pero respetando no crecer demasiado
si hay bordes y demás cosas */
height: 3%;
text-align:center;
font:sans-serif;
background-color:#fdf5e6;
}
#menu
{
display:none;
}
Funciona bien en IExplorer 6 pero no funciona en Firefox 1.07 (Maldito el
dia que pusieron los dos navegadores en el instituto (Bueno asi tb practico
y os doy la vara :D ))
Y sin embargo la otra css funciona bien en firefox 1.07 y no en IExplorer 6
Pero me estoy dando cuenta que tienes toda la razon del mundo por que esta
hoja de estilos como el margen esta para adentro por eso el duplicado de
Iexplorer hace que en este caso funcione bien y en el otro caso no, Dios
David eres un artista de las css y/o llevas muchos años dandole caña a las
css, Bueno me voy a porner manos a la obra haber que sale despues os e de
mandar un mail para que sepais si aprobe o no y con que nota. Gracias por
atenderme
On 2/27/06, Maikel Naigt <[EMAIL PROTECTED]> wrote:
>
> Hola. Me temo que, efectivamente, es poco tiempo para una persona novata
> el
> realizar un proyecto de este tipo en tan corto espacio de tiempo. Y no me
> refiero a que no sea factible aprenderse el funcionamiento de los
> estándares
> CSS, si no que cada navegador tiene conceptos de aplicación de estos CSS
> ligeramente distintos al resto. Esto obliga a saber muchos "truquillos", y
> a
> intentar obviar cierto código o planificarlo de manera más sencilla para
> que
> no de muchos problemas.
> Una vez dicho esto, vamos al grano.
>
> Internet Explorer tiene un defectillo muy curioso, y es que, cuando un
> bloque está flotado hacia uno de los lados (left o right), el margen que
> se
> le aplique hacia ese lado, mágicamente aparece duplicado en la
> representación final en pantalla. Esto nos obliga a decirle, únicamente a
> este... navegador... que aplique la mitad de ese margen. En otras
> palabras,
> tienes aplicado un 'margin-left: -180px' a un elemente con 'float: left',
> y
> un 'margin-right: -180px' a un elemento con 'float: right'. Prueba a
> "reducir" estos márgenes a la mitad (-90px) y verás que IE te lo renderiza
> a
> las mil maravillas. El problema, evidentemente, ahora lo tenemos en que el
> resto de los navegadores, más respetuosos con los estándares, no
> representarán las columnas como nosotros deseamos, así que tendremos que
> intentar que SOLO IE vea este cambio en la propiedad. Te podría marear con
> que mirases mil y un hacks que validaran, o que te sirvieran para un
> mantenimiento sostenible en el futuro, pero ante la evidente escasez del
> tiempo que tenemos te recomiendo que mantengas las CSS tal y como las
> tienes
> y, en la parte correspondiente a las IDs #izquierda y #derecha les añadas,
> tal cual te lo pongo, estas propiedades a las que ya tienen, que SOLO verá
> IE (obervarás que están incorrectamente escritas, pero no te preocupes que
> funcionan):
>
> # izquierda {
> _margin-left: -90px;
> }
> #derecha {
> _margin-right: -90px;
> }
> También me tomo la libertad de recomendarte que instales la
> IEDeveloperToolbar[1], que te sacará de más de un problema, ya que puedes
> mirar y editar las propiedades CSS de cualquier elemento 'in the wild'
> (useasé, en vivo y en directo) y ver sus efectos.
>
> Para más cosillas, no dudes en preguntar que aquí estaremos.
>
> [1] IE Develper Toolbar:
>
> http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
>
> Un saludo, David Merino Ogando.
>
> On 2/25/06, denis gf <[EMAIL PROTECTED]> wrote:
> >
> > Yo no se si sera por como trato los bordes de la etiqueta "centro" que
> el
> > explorer no los trata bien y sobre pone los bordes de la etiqueta centro
> y
> > no deja ver las etiquetas izquierda y derecha. Pero son congeturas. y no
> > se
> > que hacerle
> >
> > On 2/24/06, denis gf <[EMAIL PROTECTED]> wrote:
> > >
> > > Perdon no es esa es esta: http://denisgf.iespana.es/<
> > http://www.google.com/url?sa=D&q=http%3A%2F%2Fdenisgf.iespana.es%2F>
> > >
> > > On 2/24/06, denis gf <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Ya esta me llevo un tiempo por que aun no tenia ningun sitio donde
> > > > publicar la pagina menos mal que tengo amigos que entienden mas que
> yo
> > :D
> > > > esta es la pagina
> > > > http://denisgf.iespana.es/tienda.php<
> >
> http://www.google.com/url?sa=D&q=http%3A%2F%2Fdenisgf.iespana.es%2Ftienda.php
> > >
> > > >
> > > >
> > > >
> > > > On 2/24/06, Rafa García < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > denis gf escribió:
> > > > > > No se si te refieres a esto o a que la cuelgue en algun sitio
> > > > > No era necesario el php, Denis, con que lo cuelgues en algún
> > servidor
> > > > > al
> > > > > que tengamos acceso para poder trastear con el webdeveloper
> > serviría.
> > > > >
> > > > >
> > > > > _______________________________________________
> > > > > Lista de distribución Ovillo
> > > > > Para escribir a la lista, envia un correo a
> [email protected]
> > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > > > http://ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > >
> > > >
> > > >
> > > > --
> > > > Denis GF
> > >
> > >
> > >
> > >
> > > --
> > > Denis GF
> >
> >
> >
> >
> > --
> > Denis GF
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > 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 [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
--
Denis GF
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
