Muchas gracias a todos por vuestra ayuda.
Saludos,
Jose
El 19 de septiembre de 2009 19:11, I'm Jepser
<m...@jepserbernardino.com>escribió:
> eso es para un bug para IE... Podría funcionar, pero no entiendo por que un
> id con las mismas proporciones de ancho... no crees que sería mejor un
> código así:
> * {
> margin: 0;
> }
>
> html, body {
> height: 100%;
> }
>
>
> #wrap {
>
> }
>
> #container {
> margin: 0 auto;
> width: 790px;
> border: #009900 2px solid; /*colocando esto tienes un div #container con
> ancho total de 794px*/
> text-align: left;
> padding: 0;
> }
>
> /* eliminé el div contenedor por que no hace nada mas que un 1px de borde
> que coloqué en container*/
>
> #areas{
> border: #FF0000 thin solid; /*con el borde ahora tienes 698px de ancho
> disponibles*/
> position: relative;
> }
> .div area{
>
> width: 165px;
>
> height: 143px;
> padding: 16px 0 0 19px;
> font-size: 0.88em;
>
> float:left;
> display:inline; /*esto es para IE*/
>
> }
> .clear{
> clear:both;
> width:100%;
> }
>
>
> ----------------------------------------------------
>
> <body>
> <div id="container">
> <h1>
> Bla Bla Bla
> </h1>
> <p>
> Texto
> </p>
> <div id="areas">
> <div class="div-area">
> <p>
> Area1
> </p>
> </div>
> <div class="div-area">
> <p>
> Area2
> </p>
> </div>
> <div class="div-area">
> <p>
> Area3
> </p>
> </div>
> <div class="div-area">
> <p>
> Area4
> </p>
> </div>
>
> <div class="clear"></div>
>
> </div>
> </div>
> </body>
> El 19 de septiembre de 2009 10:56, Francisco González
> <armij...@gmail.com>escribió:
>
> > Hola te doy la solucion, para q esten en horiz y mantegas el alto dentro
> > del contenedor
> >
> > *Quita los float q tengas* en los areas individuales.
> > luego:
> >
> >
> > #areas{
> > border: #FF0000 thin solid;
> > position: relative;
> > }
> > div.areas_enlinea{
> > display:inline;
> > }
> >
> >
> >
> > <div id="areas">
> > <div id="areas_t1" class="areas_enlinea">
> > <p>
> > Area1
> > </p>
> > </div>
> > <div id="areas_t2" class="areas_enlinea">
> > .......
> >
> > saludos
> >
> > El 19 de septiembre de 2009 18:07, I'm Jepser <m...@jepserbernardino.com
> > >escribió:
> >
> > > Para no hacerte tantas bolas por que no pruebas con un grid system de
> > CSS,
> > > yo utilizo 960 gs actualmente, apenas pesa 5kb y puedes crear muchas
> > > combinaciones de columnas dentro de un div de 960px puedes descargar la
> > > regilla www.960.gs y ver este tutorial http://bit.ly/qO3zW eso te
> podrá
> > > salvar de algunos dolores de cabeza :)
> > > Éxitos y espero que te ayude,
> > >
> > > El 19 de septiembre de 2009 08:44, Tae Sandoval Murgan
> > > <taeci...@gmail.com>escribió:
> > >
> > > > Prueba agrgandole min-height:100%; a #content, #container y #wrap; y
> > > > height:100%; a <body> y <html>.
> > > >
> > > > --
> > > > http://procrastinando.netne.net
> > > > _______________________________________________
> > > > 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
> > > >
> > >
> > >
> > >
> > > --
> > > Jepser Bernardino
> > > www.npixels.net
> > > twitter jepser
> > > tel. 52730528
> > > _______________________________________________
> > > 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
> >
>
>
>
> --
> Jepser Bernardino
> www.npixels.net
> twitter jepser
> tel. 52730528
> _______________________________________________
> 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
