Re: [Ovillo] Recomendaciones de manuales

2009-02-10 Por tema Daniel Navarro
Hola, Cristian.

El libro que recomiendas es muy bueno. Yo compré la versión en castellano
que se llama *CSS Manual Avanzado* de Anaya (ISBN: 9788441521377). Aunque
está bien explicado, yo lo recomendaría como segunda lectura, cuando ya se
tenga un conocimiento general de css.

También me encanta
*CSS, The Definitive Guide* (Third Edition), de Eric Meyer, Ed. O'Reilly
(ISBN: 0-596-52733-0)
http://oreilly.com/catalog/9780596527334/
Fundamental para tener un buen conocimiento de css, aunque éste se ajusta
todavía menos a a lo que pide 2tonewarrior. Además, creo que no está
traducido al castellano.

Saludos


2009/2/10 Cristian Wilgenhoff cristian.wi...@gmail.com

 CSS Mastery, un libro con tapa verde...

 Salu2
 ___
 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] Diseñadora busca programador/a

2009-02-10 Por tema María Vez

Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo intento) 
freelance (esto si, ya que pago religiosamente).
Tengo varios proyectos web pendientes pero necesitaría la colaboración 
remunerada de un desarrollador/programador freelance.
Si a alguien le interesa: maria_...@hotmail.com
Gracias!
Saludos!



_
Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya! 
http://home.live.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] Recomendaciones de manuales

2009-02-10 Por tema 2tonewarrior setfsdg
Pero el libro del que hablas (CSS Manual Avanzado) es exactamente el mismo
que el CSS Mastery pero traducido?, o es otro libro distinto?


saludos




El 10 de febrero de 2009 10:23, Daniel Navarro webpe...@gmail.comescribió:

 Hola, Cristian.

 El libro que recomiendas es muy bueno. Yo compré la versión en castellano
 que se llama *CSS Manual Avanzado* de Anaya (ISBN: 9788441521377). Aunque
 está bien explicado, yo lo recomendaría como segunda lectura, cuando ya se
 tenga un conocimiento general de css.

 También me encanta
 *CSS, The Definitive Guide* (Third Edition), de Eric Meyer, Ed. O'Reilly
 (ISBN: 0-596-52733-0)
 http://oreilly.com/catalog/9780596527334/
 Fundamental para tener un buen conocimiento de css, aunque éste se ajusta
 todavía menos a a lo que pide 2tonewarrior. Además, creo que no está
 traducido al castellano.

 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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Recomendaciones de manuales

2009-02-10 Por tema Rafael García Lepper
Hola,

Sobre libros de texto, yo te recomendaría el libro Diseño web, guía de
referencia de Jennifer Niederst Robbins. No es solo de css pero lo que te
cuenta de css es más que suficiente para tener las cosas claras y además te
habla sobre html/xhtml, javascript, servidores, accesibilidad, navegadores,
formatos de imagen, medios... y es el único libro que he encontrado que te
hable sobre microformatos. En mi opinión es sencillamente un libro que hay
que tener, lo único malo es que en español no está traducida la edición más
actual, pero solo afecta al capitulo que habla sobre navegadores y poco más.

Solo de css puedes encontrar un libro que a mi me gusta bastante, que en
español se llama: Curso de css de Christopher Schmitt, excelente también,
pero más enfocado en plan recetas el titulo en inglés es css cookbook lo
que se debería haber traducido como libro del cocinero de css, pero...
debe ser poco comercial ;-)

Y gratuito puedes encontrar un libro en pdf que se llama: XHTML+CSS de una
maldita vez escrito por Belen Albeza (BenKo) bastante claro y divertido
aunque no profundiza demasiado y como ya te han dicho, los de librosweb que
están muy muy bien.

Saludos

Rafa


2tonewarrior setfsdg  escribió:

 Buenas, queria saber donde podia encontrar una página con manuales paso a
 paso de CSS desde un nivel muy básico y con ejemplos si es posible (y en
 español). He visitado muchos pero tengo poco tiempo y cojo un poco de aqui y
 un poco de allí, por lo que nunca acabo de aprender bien. Me gustaria que me
 recomendarais vosotros alguno bueno y unificado (también se admiten
 sugerencias de libros de texto).
 
 
 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://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] Diseñadora busca programador/a

2009-02-10 Por tema Ignacio Ricci
Eh... a que denominas desarrollador/programador?

Porque yo soy maquetador con conocimientos de JS, pero no soy programador.

:D

2009/2/10 María Vez maria_...@hotmail.com


 Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo intento)
 freelance (esto si, ya que pago religiosamente).
 Tengo varios proyectos web pendientes pero necesitaría la colaboración
 remunerada de un desarrollador/programador freelance.
 Si a alguien le interesa: maria_...@hotmail.com
 Gracias!
 Saludos!



 _
 Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya!
 http://home.live.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] Diseñadora busca programador/a

2009-02-10 Por tema Atdot Web Programming
hola de donde eres ?

yo estoy en buenso aires argentina y me interesa el trabajo

On 10/02/2009, María Vez maria_...@hotmail.com wrote:

 Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo intento) 
 freelance (esto si, ya que pago religiosamente).
 Tengo varios proyectos web pendientes pero necesitaría la colaboración 
 remunerada de un desarrollador/programador freelance.
 Si a alguien le interesa: maria_...@hotmail.com
 Gracias!
 Saludos!



 _
 Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya!
 http://home.live.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


Re: [Ovillo] Diseñadora busca programador/a

2009-02-10 Por tema Jose Florido
Por favor, mantened estas conversaciones en privado, no en la lista.
Gracias.


2009/2/10 Atdot Web Programming juan.pe...@atdot.com.ar:
 hola de donde eres ?

 yo estoy en buenso aires argentina y me interesa el trabajo

 On 10/02/2009, María Vez maria_...@hotmail.com wrote:

 Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo intento) 
 freelance (esto si, ya que pago religiosamente).
 Tengo varios proyectos web pendientes pero necesitaría la colaboración 
 remunerada de un desarrollador/programador freelance.
 Si a alguien le interesa: maria_...@hotmail.com
 Gracias!
 Saludos!



 _
 Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya!
 http://home.live.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

___
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] Diseñadora busca programador/a

2009-02-10 Por tema Leonel Silva
Si por favor, además existen sitios para este tipo de cosas.

2009/2/10 Jose Florido joseflor...@gmail.com

 Por favor, mantened estas conversaciones en privado, no en la lista.
 Gracias.


 2009/2/10 Atdot Web Programming juan.pe...@atdot.com.ar:
  hola de donde eres ?
 
  yo estoy en buenso aires argentina y me interesa el trabajo
 
  On 10/02/2009, María Vez maria_...@hotmail.com wrote:
 
  Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo
 intento) freelance (esto si, ya que pago religiosamente).
  Tengo varios proyectos web pendientes pero necesitaría la colaboración
 remunerada de un desarrollador/programador freelance.
  Si a alguien le interesa: maria_...@hotmail.com
  Gracias!
  Saludos!
 
 
 
  _
  Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya!
  http://home.live.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
 
 ___
 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




-- 
Leonel Silva - diseño web multimedia
Cel. 0416 539.54.47  l  0412 309.20.83  l  Ofic. 0212 494.82.44
E-mail: lsi...@gmail.com  l  Messenger: graphicmot...@hotmail.com
www.leonelsilva.com  l  www.tallerdepixeles.com
Caracas - Venezuela
___
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] Recomendaciones de manuales

2009-02-10 Por tema Daniel Navarro
Sí, CSS Manual Avanzado es la traducción de CSS Mastery.



El 10 de febrero de 2009 14:35, 2tonewarrior setfsdg 2tonewarr...@gmail.com
 escribió:

 Pero el libro del que hablas (CSS Manual Avanzado) es exactamente el mismo
 que el CSS Mastery pero traducido?, o es otro libro distinto?


 saludos




 El 10 de febrero de 2009 10:23, Daniel Navarro webpe...@gmail.com
 escribió:

  Hola, Cristian.
 
  El libro que recomiendas es muy bueno. Yo compré la versión en castellano
  que se llama *CSS Manual Avanzado* de Anaya (ISBN: 9788441521377).
 Aunque
  está bien explicado, yo lo recomendaría como segunda lectura, cuando ya
 se
  tenga un conocimiento general de css.
 
  También me encanta
  *CSS, The Definitive Guide* (Third Edition), de Eric Meyer, Ed. O'Reilly
  (ISBN: 0-596-52733-0)
  http://oreilly.com/catalog/9780596527334/
  Fundamental para tener un buen conocimiento de css, aunque éste se ajusta
  todavía menos a a lo que pide 2tonewarrior. Además, creo que no está
  traducido al castellano.
 
  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://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] Recomendaciones de manuales

2009-02-10 Por tema Daniel Navarro
El libro que comentas de Jennifer Niederst Robbins no lo conocía, pero lo he
ojeado en O'Reilly y parece un libro genial.

CSS Cookbook de Christopher Schmitt está muy bien, pero hay que tener
cuidado en conseguir la segunda versión (octubre 2006). Yo tenía una versión
más antigua y la regalé porque, entre otras cosas, le faltaba indicar la
compatibilidad de los navegadores con las soluciones que planteaba. La
última versión, la segunda, la compré en español (ojo, no indica nada de que
sea la segunda versión, pero se sabe porque es del 2007):

Curso de CSS, Christopher Schmitt, ed. Anaya, ISBN: 978-84-415-2198-8

http://www.anayamultimedia.es/cgi-bin/monta_ficha.pl?codigo_comercial=2327256

Respecto de los apuntes de BenKo, indicarte que contiene errores muy graves.
Una pena porque es agradable de leer. 2tonewarrior, si lo vas a estudiar,
podemos discutir su contenido; así también se aprende mucho.

http://cafeina.ladybenko.net/wp-content/xhtml_tuto_beta.pdf

Saludos
El 10 de febrero de 2009 15:14, Rafael García Lepper rglep...@mpib.esescribió:

 Hola,

 Sobre libros de texto, yo te recomendaría el libro Diseño web, guía de
 referencia de Jennifer Niederst Robbins. No es solo de css pero lo que te
 cuenta de css es más que suficiente para tener las cosas claras y además te
 habla sobre html/xhtml, javascript, servidores, accesibilidad, navegadores,
 formatos de imagen, medios... y es el único libro que he encontrado que te
 hable sobre microformatos. En mi opinión es sencillamente un libro que hay
 que tener, lo único malo es que en español no está traducida la edición más
 actual, pero solo afecta al capitulo que habla sobre navegadores y poco
 más.

 Solo de css puedes encontrar un libro que a mi me gusta bastante, que en
 español se llama: Curso de css de Christopher Schmitt, excelente también,
 pero más enfocado en plan recetas el titulo en inglés es css cookbook
 lo
 que se debería haber traducido como libro del cocinero de css, pero...
 debe ser poco comercial ;-)

 Y gratuito puedes encontrar un libro en pdf que se llama: XHTML+CSS de una
 maldita vez escrito por Belen Albeza (BenKo) bastante claro y divertido
 aunque no profundiza demasiado y como ya te han dicho, los de librosweb que
 están muy muy bien.

 Saludos

 Rafa


 2tonewarrior setfsdg  escribió:

  Buenas, queria saber donde podia encontrar una página con manuales paso a
  paso de CSS desde un nivel muy básico y con ejemplos si es posible (y en
  español). He visitado muchos pero tengo poco tiempo y cojo un poco de
 aqui y
  un poco de allí, por lo que nunca acabo de aprender bien. Me gustaria que
 me
  recomendarais vosotros alguno bueno y unificado (también se admiten
  sugerencias de libros de texto).
 
 
  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://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] Recomendaciones de manuales

2009-02-10 Por tema 2tonewarrior setfsdg
Gracias a todos por vuestras recomendaciones. Creo que me decidiré por el
CSS Mastery (o la traducción). Y si lo acabo y me quedo con ganas seguire
por los siguientes que me habeis recomendado.

Respecto a lo de BenKo, Daniel, me gustaria discutir los errores, seguro que
no puedo aportar mucho pero aprenderia. Pero lo que pasa es que no me deja
acceder a la pagina, me deniega el acceso como si hubiera cambiado los
permisos del FTP.

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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Recomendaciones de manuales

2009-02-10 Por tema Daniel Navarro
Sigo pensando en recomendarte PC Cuaderno núm 33. Está en castellano, es de
nivel básico con ejemplos (te puedes bajar el código de los emplos del sitio
web) y es rápido de leer (tú comentas que tienes poco tiempo).

Acabo de entrar en la página de BenKo y no he tenido problemas

http://cafeina.ladybenko.net/

El manual está en el menú stuff. De todas formas, te lo mando a tu email.

Saludos.


2009/2/10 2tonewarrior setfsdg 2tonewarr...@gmail.com

 Gracias a todos por vuestras recomendaciones. Creo que me decidiré por el
 CSS Mastery (o la traducción). Y si lo acabo y me quedo con ganas seguire
 por los siguientes que me habeis recomendado.

 Respecto a lo de BenKo, Daniel, me gustaria discutir los errores, seguro
 que
 no puedo aportar mucho pero aprenderia. Pero lo que pasa es que no me deja
 acceder a la pagina, me deniega el acceso como si hubiera cambiado los
 permisos del FTP.

 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://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] Recomendaciones de manuales

2009-02-10 Por tema Javier Guerrero
CSS Mastery es muy bueno, pero como dijo alguien, si recién estás empezando
es mejor que obtengas las bases. Yo aprendí lo básico el introducción a
CSS de www.librosweb.es.

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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Problema en Opera con overflow: hidden

2009-02-10 Por tema Daniel Navarro
Tengo un problema de diseño que no logro resolver para Opera. Estoy usando
Opera 9.63 en WinVista 32bits.

Cuando un elemento contiene flotantes en su interior, éstos pueden
sobresalir de los límites de su contenedor. Una solución que se puede
adoptar para que el contenedor se ensanche con los flotantes consiste en
establecer la propiedad clear:both a algún elemento dentro del contenedor
que esté detrás de los flotantes. Si no se dispone de ninguno, se puede se
colocar de forma artificial en el código html, bien directamente (ej. br
style=clear:both, bien mediante el pseudoelemento :after en las css.

Existen otros métodos como se explica en
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

En el ejemplo que más abajo os muestro, estoy usando el método de Paul
O'Brien que consiste en establecer overflow:auto en el contenedor. También
vale overflow:hidden.

Sin embargo, en cuanto establezco esta declaración Opera calcula de forma
diferente los márgenes y el contenido se estrecha demasiado. Podéis probar a
incluir o no overflow:hidden para ver su efecto.

Por último, aunque no es de mi agrado, he intentado usar el hack para Opera
  html:first-child #contenido {
margin: 0;
  }
pero no funciona ¿?

¿alguna idea?


*CÓDIGO HTML*

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es-ES lang=es-ES
head
  meta http-equiv=content-type content=text/html; charset=UTF-8 /
  titleProblema Opera/title
  link rel=stylesheet type=text/css href=estilos.css /
/head

body

div id=bar1
  lt;div id=bar1
/div

div id=bar2
  lt;div id=bar2
/div

div id=content
h1Problema en Opera 9 con overflow:hidden/h1
El div#content, con fondo rojizo, debe de extenderse para incluir a los dos
párrafos flotantes.
 Para ello, se ha establecido overflow: hidden.
 Se ha dejado espacio para las barras laterales estableciendo margin: 0
250px;

p id=p1
  Párrafo flotante a la izquierda
/p

p id=p2
  Párrafo flotante a la derecha
/p
/div !-- Fin #content --

/body
/html




*CSS*

/* Anula rellenos y márgenes predeterminados del navegador */
* {
  padding: 0;
  margin: 0;
}

#content {
  overflow: hidden; /* Declaración con la que se produce el problema en
Opera */
  margin: 0 220px;  /* espacio para alojar las barras laterales.
   Opera lo calcula mal si se establece overflow:hidden
*/
  background-color: #fcc;
  border: 2px solid red;
}

html:first-child #content {
  margin: 0;  /* Este hack para Opera no funciona ¿por qué? */
}


p#p1 {
  float: left;
  width: 250px;
  height: 400px;
  background-color: #ccf;
}

p#p2 {
  float: right;
  width: 250px;
  height: 400px;
  background-color: #cfc;
}


#bar1 {
  float: left;
  width: 200px;
  height: 100px;
  background: #eee;
}


#bar2 {
  float: right;
  width: 200px;
  height: 100px;
  background: #eee;
}



Gracias.
___
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 en Opera con overflow: hidden

2009-02-10 Por tema Ignacio Ricci
Probaste agregarle un ancho al contenedor aparte de overflow hidden?

2009/2/10 Daniel Navarro webpe...@gmail.com

 Tengo un problema de diseño que no logro resolver para Opera. Estoy usando
 Opera 9.63 en WinVista 32bits.

 Cuando un elemento contiene flotantes en su interior, éstos pueden
 sobresalir de los límites de su contenedor. Una solución que se puede
 adoptar para que el contenedor se ensanche con los flotantes consiste en
 establecer la propiedad clear:both a algún elemento dentro del contenedor
 que esté detrás de los flotantes. Si no se dispone de ninguno, se puede se
 colocar de forma artificial en el código html, bien directamente (ej. br
 style=clear:both, bien mediante el pseudoelemento :after en las css.

 Existen otros métodos como se explica en
 http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

 En el ejemplo que más abajo os muestro, estoy usando el método de Paul
 O'Brien que consiste en establecer overflow:auto en el contenedor. También
 vale overflow:hidden.

 Sin embargo, en cuanto establezco esta declaración Opera calcula de forma
 diferente los márgenes y el contenido se estrecha demasiado. Podéis probar
 a
 incluir o no overflow:hidden para ver su efecto.

 Por último, aunque no es de mi agrado, he intentado usar el hack para Opera
  html:first-child #contenido {
margin: 0;
  }
 pero no funciona ¿?

 ¿alguna idea?


 *CÓDIGO HTML*

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es-ES lang=es-ES
 head
  meta http-equiv=content-type content=text/html; charset=UTF-8 /
  titleProblema Opera/title
  link rel=stylesheet type=text/css href=estilos.css /
 /head

 body

 div id=bar1
  lt;div id=bar1
 /div

 div id=bar2
  lt;div id=bar2
 /div

 div id=content
 h1Problema en Opera 9 con overflow:hidden/h1
 El div#content, con fondo rojizo, debe de extenderse para incluir a los dos
 párrafos flotantes.
  Para ello, se ha establecido overflow: hidden.
  Se ha dejado espacio para las barras laterales estableciendo margin: 0
 250px;

 p id=p1
  Párrafo flotante a la izquierda
 /p

 p id=p2
  Párrafo flotante a la derecha
 /p
 /div !-- Fin #content --

 /body
 /html




 *CSS*

 /* Anula rellenos y márgenes predeterminados del navegador */
 * {
  padding: 0;
  margin: 0;
 }

 #content {
  overflow: hidden; /* Declaración con la que se produce el problema en
 Opera */
  margin: 0 220px;  /* espacio para alojar las barras laterales.
   Opera lo calcula mal si se establece overflow:hidden
 */
  background-color: #fcc;
  border: 2px solid red;
 }

 html:first-child #content {
  margin: 0;  /* Este hack para Opera no funciona ¿por qué? */
 }


 p#p1 {
  float: left;
  width: 250px;
  height: 400px;
  background-color: #ccf;
 }

 p#p2 {
  float: right;
  width: 250px;
  height: 400px;
  background-color: #cfc;
 }


 #bar1 {
  float: left;
  width: 200px;
  height: 100px;
  background: #eee;
 }


 #bar2 {
  float: right;
  width: 200px;
  height: 100px;
  background: #eee;
 }



 Gracias.
 ___
 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