[Ovillo] ¿funciona min-height dentro de otro min -height?

2006-10-02 Por tema coso
Me explico: Tengo un div=contenedor con min_height 100% (exepto para IE
claro) y dentro tengo otro div=cuerpo al que tambien le quiero aplicar
min-height 100% pero no me funciona ni en FF ni en Opera en IE si pero con
los condicionales claro



HTML


div id=contenedor
div id=cabecera
h1Cabecera/h1
/div!-- end cabecera --

div id=cuerpo
p
Bien, vamos por partes. Por un lado necesitas que el
elemento contenedor
tenga una altura del 100% de la pantalla cuando no tiene suficiente
contenido, y se estire lo necesario cuando el contenido fuerce el scroll
del navegador. Para eso, debes darle un min-height del 100% (height en
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del
contenedor. Para ello debes posicionar el contenedor y aplicar
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0
donde quieres.
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del
contenedor. Para ello debes posicionar el contenedor y aplicar
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0
donde quieres.
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del
contenedor. Para ello debes posicionar el contenedor y aplicar
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0
donde quieres.
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del
contenedor. Para ello debes posicionar el contenedor y aplicar
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0
donde quieres.
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del
contenedor. Para ello debes posicionar el contenedor y aplicar
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0
donde quieres.
el caso de IE), al tiempo que a los elementos html y body les das un
height del 100%.


/p


/div!-- end cuerpo --

div id=pie
ppie.../p
/div!-- end pie --

/div!-- end contendor --



CSS


style
html,body{
background-color:#CC;
margin:0;
padding:0;
height:100%;
}

#contenedor{
background-color:#FF;
width:700px;
margin:auto;
min-height:100%;

}

#cabecera{
background-color:#CC;
margin:0;

}

#cabecera h1{
margin:0;


}

#cuerpo{
background-color:#FF9900;
margin:0;
min-height:100%;



}

#cuerpo p{
margin:0;
}

#pie{
background-color:#99CCFF;
margin:0;

}

#pie p{
margin:0;
}

/style

!--[if IE]
style
#cuerpo{
background-color:#FF9900;
height:100%;
}
#contenedor{
height:100%;

}


/style
![endif]--



-- 
juan romero cruz
___
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] Problemas con flash

2006-10-02 Por tema Lucas Mourelle
Javier:

Ya se mandó a la lista, pero va de nuevo por cualquier cosa... a mí me 
resultó muy bueno el método SWFObject:

http://blog.deconcept.com/swfobject/

...traducción al español:
http://www.cms10.net/cuerpos107.html




saludos!

Lucas

-- 
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===





Javier Trejo wrote:
 Lista:

 He intentado sin éxito insertar un objeto flash en el código HTML pero que
 valide. Encontré una forma pero no funciona con el IE.
  
 Alguien tiene alguna sugerencia?

 Saludos,
  
 --
 Javier Trejo
 TEL: (011) 4543-4550
 CEL: (011) 15-5147-6161
 WEB: HYPERLINK http://www.javiertrejo.com.ar/www.javiertrejo.com.ar
 MSN: HYPERLINK
 blocked::mailto:[EMAIL PROTECTED][EMAIL PROTECTED]
 Mail: HYPERLINK
 mailto:[EMAIL PROTECTED][EMAIL PROTECTED]
 --
  

   
___
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] Problemas estructurando

2006-10-02 Por tema Jonas Urbano
Buenas,

estoy maquetando y estructurando una web y me ocurre lo siguiente:

a la etiqueta BODY le aplico text-align:center; con IE funciona pero
en FF me sitúa los DIVS en la esquina superior.

las barras de scrool no se ven estilizadas en FF.

un DIV llamado CONTENIDO contiene valga la redundancia, otros DIVS
como NOTICIA, ENLACES, y además otro llamado LATERAL a modo de menú a
su derecha. Mi proposito es que quede dentro de CONTENIDO a la derecha
LATERAL y a la izquierda NOTICIAs, ENLACES sin que se solapen con
LATERAL y que LATERAL a la vez que bajo la barra hasat el final de
CONTENIDO, LATERAL vaya arriba, no se quede estático como si fuese un
DIV superpuesto.


Muchas gracias por la ayuda que espero recibir.
Un saludo.

--
CSSs:

.CONTENIDO { width:603px;
height:480px;
background-color:#ff;
overflow:scroll;
overflow-x:hidden;
scrollbar-face-color:#fe9017;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-color:#ccc;
scrollbar-shadow-color:#fff;
scrollbar-arrow-color:#ff;
scrollbar-track-color:#e8e8e8;
border-top:dashed 1px #fe9017; }

.NOTICIA { width:400px;
text-align:left;
margin-left:15px;
/*margin-right:15px;*/
padding-bottom:5px;
margin-top:10px;
border-bottom:dashed 1px #CCC;
margin-bottom:10px;
float:left; }

.ENLACES { width:548px;
text-align:left;
color:#666;
font-size:10px;
border-top:dashed 1px #fe9017;
position:static;
margin-right:15px;
margin-left:40px;
margin-top:10px; }

.LATERAL { width:178px;
margin-left:5px;
margin-top:10px;
margin-right:5px;
border-left:dashed 1px #FE9017;
color:#666;
font-size:10px;
float:right;
position:relative;
text-align:left;
padding-left:10px; }
___
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] Oferta de trabajo XHTML +CSS

2006-10-02 Por tema Santi Rodríguez
Hola chicos seguimos con entrevistas sobre este tema, así que si hay alguien
más interesado aún podríamos conocernos.

Un saludo


Santi Rodríguez
[EMAIL PROTECTED]

Addhoc
www.addhoc.biz
Av. Diagonal 441 7º
08036 Barcelona
Tel:   +34 93 241 21 24
Fax:  +34 93 200 51 69

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de laura
Enviado el: lunes, 02 de octubre de 2006 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] firefox vs ie

Hola!

Estoy diseñando una pagina hace dias, y he modificado el css de modo que ya
no es exactamente igual al que me causaba  los problemas en el ie5 que os
plantee.
Ahora me aparece un caso extraño, por una vez en internet explorer se ve
como yo quiero q se vea:
Ie5 - http://www.totalvalidator.com/images/snapshot42807.jpg
Ie6 - http://www.totalvalidator.com/images/snapshot42804.jpg


 mientras q en el resto de navegadores donde la he probado(firefox de macosx
y safari), se ve como en esta imagen q os paso:

Mozilla Firefox 1.5 en windows
http://www.totalvalidator.com/images/snapshot42816.jpg



Tiene remedio? , no se q porcion de css tengo q pasar para saber q le pasa,
os dejo el link al css pero no siempre está operativo:
laupri.no-ip.org/pension/pensio3.css

gracias por la atencion,

Laura
___
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] Problemas estructurando

2006-10-02 Por tema Wilsson Manuel Sanchez Requena
Sucede muy a menudo el problema de *se ve bien en IE pero en Firefox
se descuadra o viceversa*.

Eso debido a la distinta manera de interpretacion del motor de IE para
visualizar un sitio web, lo que te recomendaria de una manera efectiva
seria implementar una hoja de estilo para IE y otra para los buenos
navegadores, como FF, Opera, etc.

El 2/10/06, Abel Sutilo[EMAIL PROTECTED] escribió:
 Saludos Jonás,

 Jonas Urbano escribió:
  Buenas,
 
  estoy maquetando y estructurando una web y me ocurre lo siguiente:
 
  a la etiqueta BODY le aplico text-align:center; con IE funciona pero
  en FF me sitúa los DIVS en la esquina superior.
 
 Con respecto a esto, supongo que lo que pretendes es centrar el layout
 en el navegador. Mejor no trabajes con el body (nada de
 text-align:center;) y coloca en tu div contenedor global:

 #contenido{margin: 10px auto 10px auto;}

 Arriba y abajo como desees(ej.: 10px), pero en los margenes laterales
 auto y se centrará por si mismo tanto en IE como en FF.

 Disculpa que no le dedique más tiempo al resto de tulayout. Un saludo,

 Abel
 ___
 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] firefox vs ie

2006-10-02 Por tema AraDaen
A simple vista parece que el problema viene al flotar la imagen (cosa que
supongo) dentro del contenedor. Lo que muestra ie es erróneo, pues no
debería expandirse hasta contener la imagen, por eso el resto de navegadores
tan solo se expanden hasta donde acaba el texto.

Esto es debido a que cuando flotas un elemento éste desaparece del flujo
normal. IE no lo interpreta así.

Para solventarlo, añade un elemento  justo antes de cerrar el contendor con
un clear: por ejemplo

span style=clear:both;display:block/span


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] firefox vs ie

2006-10-02 Por tema Yurk!
2006/10/2, AraDaen [EMAIL PROTECTED]:
 A simple vista parece que el problema viene al flotar la imagen (cosa que
 supongo) dentro del contenedor. Lo que muestra ie es erróneo, pues no
 debería expandirse hasta contener la imagen, por eso el resto de navegadores
 tan solo se expanden hasta donde acaba el texto.

 Esto es debido a que cuando flotas un elemento éste desaparece del flujo
 normal. IE no lo interpreta así.

 Para solventarlo, añade un elemento  justo antes de cerrar el contendor con
 un clear: por ejemplo

 span style=clear:both;display:block/span


 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


Saludos, tambien creo que es por flotar. Tambien tuve dolores de
cabeza con ie y div's flotantes, para esto la solución es: How To
Clear Floats Without Structural Markup[1]. Tambien te puede servir
descargar el video de la ponencia de NeoJP sobre CSS[2] que esta muy
didactica.

[1] http://www.positioniseverything.net/easyclearing.html
[2] 
http://www.cristalab.com/foros/viewtopic.php?t=22632start=0postdays=0postorder=aschighlight=
-- 


-
 _o)  Yurk!
  // \  Linux Registered User #418034
 U_/_

Dile NO al top-posting[*]
[*] ttp://es.wikipedia.org/wiki/Top-posting
-
___
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] Fwd: posicionamiento foto en ff

2006-10-02 Por tema Sureña
Holas!!
tengo una foto dentro de un div con texto, dicho div tien un padding de 2px,
para separar el texto del borde,
en IE, la imagen se ve como quiero pegada al borde del div contenido y en
ff, no sonsigo subir el borde superior de la imagen hasta pegarlo al borde
del div, contenido, probe con top negativo,   y tambien probe con position
absolute y relative, no consigo hacerlo
me dan alguna idea?

css:
#foto1{position:relative; left:-.5%; float:left; clear:right; top:-1%}


html:
pdiv id=foto1img src=mfernandez1.jpg alt=Miguel N. Fernandez
align=left/div foto1

como veran todo, texto y foto estan dentro de un parrafo, ya que con divs,
separados no conseguia que el texto rodee la imagen sin sobreponerse

muchas 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


[Ovillo] Fwd: pie en 1024

2006-10-02 Por tema Sureña
hola, como siempre yo con problemas con 1024, tengo un pie que  en 800*600
queda perfecto se me va a los caños en 1024, ya no se que hacer, me pueden
orientar?
este es el codigo css:

#pie{padding:0; margin:0; position:relative; text-align:center;
left:8%; top:50%; width:85%; height:10%; font-size:85%;}

html:
/div general
div id=f5aimg src=fili5.jpg alt=filete width=95%
height=80%/div f5
div id=f5babimg src=fili5.jpg alt=filete width=95%
height=80%/div f5b
div id=pie
itlalalalalalalalalal /i-
Diseño: a href=mailto:ppirulo.com;pirulo/a
/div pie

tengo un div general y fuera de ese div puse el pie, si lo pongo dentro del
div, no hallo forma de ubicarlo, ni absolute, ni relative,
ya no se que mas intentar
Muchas 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] Problemas con flash

2006-10-02 Por tema maria
No se si te sirva, ademas esta un poco atrasado :P

Yo tenia el mismo problema y logre validar con el siguiente codigo de flash:

object type=application/x-shockwave-flash
data={_images}flash_portada2.swf width=780 height=188
 param name=movie value={_images}nombre_flash.swf /
/object

con este codigo chiquitito me lo carga el flash y ) errores o varnigs al
validar :D

Misty

___
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] firefox vs ie

2006-10-02 Por tema laura
hola!

muchas gracias a todos, :)) , Teniais razon, era el flotado de la imagen q
mareaba la perdiz.


On 10/2/06, Yurk! [EMAIL PROTECTED] wrote:

 2006/10/2, AraDaen [EMAIL PROTECTED]:
  span style=clear:both;display:block/span

Saludos, tambien creo que es por flotar. Tambien tuve dolores de
 cabeza con ie y div's flotantes, para esto la solución es: How To

___
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] Problemas con flash

2006-10-02 Por tema maria
Aclarando el codigo, sorry me di cuenta que te envie el codigo con unas
basuritas :P

object type=application/x-shockwave-flash
data=archivo_flash.swf width=780 height=188
 param name=movie value=archivo_flash.swf /
/object

con este codigo chiquitito me lo carga el flash y 0 errores o warnigs al
validar :D

Ahora si, sin basurita y todo correcto, que cosas.

Misty



___
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] ¿funciona min-height dentro de otro min -height?

2006-10-02 Por tema Federico MP
On 10/2/06, coso [EMAIL PROTECTED] wrote:
 Me explico: Tengo un div=contenedor con min_height 100% (exepto para IE
 claro) y dentro tengo otro div=cuerpo al que tambien le quiero aplicar
 min-height 100% pero no me funciona ni en FF ni en Opera en IE si pero con
 los condicionales claro

Lamentablemente no tengo la referencia en estos momentos pero si
recuerdo haber leido que no es posible hacer eso (en viejas versiones
de Opera sí, pero según lo que decis ya lo corrigieron).
-- 
Federico MP
http://511.dabomb.com.ar
___
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] Problemas con flash

2006-10-02 Por tema Martin Szyszlican
[EMAIL PROTECTED] escribió:
 Aclarando el codigo, sorry me di cuenta que te envie el codigo con unas
 basuritas :P

 object type=application/x-shockwave-flash
 data=archivo_flash.swf width=780 height=188
  param name=movie value=archivo_flash.swf /
 /object

   
María.
Tengo entendido que ese código, aunque es válido, en IE, rompe el 
preload. Es decir que no empieza hasta que se cargue toda la película.
La solución para eso es hacer un swf muy chiquito que cargue entero 
primero, y después ese si es el que carga tu película principal.

Recuerdo haber visto en un blog un código muy similar a ese con ese 
problema. Tal vez me equivoque.
Por eso prefiero el código que yo había propuesto (basado en [1]) porque 
no requiere crear otro archivo más.


 con este codigo chiquitito me lo carga el flash y 0 errores o warnigs al
 validar :D

 Ahora si, sin basurita y todo correcto, que cosas.

 Misty

   

[1] http://www.dgx.cz/trine/item/how-to-correctly-insert-a-flash-into-xhtml

-- 
Martin Szyszlican
http://www.ylisto.info

Si este mensaje fue muy largo, fue poco profundo


___
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