Ver Mensaje Individual
  #15 (permalink)  
Antiguo 08/05/2010, 11:08
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años
Puntos: 832
Respuesta: body * {overflow: hidden }

Cita:
Iniciado por alexk Ver Mensaje
emmm.... es un poco atrevido...
ya que en x circunstancias nos podrian resultar un poco complicadas..
por ejemplo... en posiciones abosolutas con left, top, etc... negativos...
o el scroll en los textarea.
seria interesante investigar a que elemento aplica el haslayout...
aparte de forzar las dimensiones a los elementos (y tener cuidado con los elementos en linea que heredan line-height con height:auto y limpiar los floats claro....
como un *{height:1%;} o un *{position:relative;} o mejor el *{zoom:1;} (pero este ultimo invalida) tambien nos sacan del apuro pero aveces pueden salirse un poco de control las cosas...
Igual no se pierde nada con probar... gracias por el aporte!!!
Te entiendo, y desde dicho enfoque quizás debamos verlo de esta manera: ¿Qué tipo de overflow conviene tener de forma predeterminada en X proyecto que estemos desarrollando?. Porque eso precisamente hace la propuesta inicial: imponer el hidden como overflow predeterminado y -en consecuencia- cambiar radicalmente el comportamiento de todos los elementos. A esta hora ya tengo un día maquetando y me ha ido de perlas .

Y bueno, cada vez estoy más convencido de que es mejor agregar overflow: visible, auto o scroll cuando sea necesario a casos individuales, mientras mantengo el hidden como propiedad global. De hecho hasta ahora pienso que es menos trabajoso (considerando los beneficios que reporta el hidden por defecto). Quizás convenga algo como esto:


Código CSS:
Ver original
  1. * {
  2.   margin: 0;
  3.   padding: 0;
  4. }
  5.  
  6. body * {
  7.   overflow: hidden;
  8. }
  9.  
  10. pre {
  11.   overflow: auto; /* Con esto se acomodan todos los pre */
  12. }
  13.  
  14. .visible {
  15.   overflow: visible;
  16. }
De esta forma contamos con overflow:visible para ciertos elementos. Por ejemplo, si queremos que la capa .cosa tenga esta propiedad colocamos:

Código HTML:
Ver original
  1. <ul class="cosa visible">
  2. ...
Lo bueno es que esto es compatible con todos los navegadores .