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