maquetado H=100%-y

[JAK^]

hola como estan? bueno mi consulta es como realizar un maquetado donde:

barra superior de 20px, de alto (div)
columna de 100% de alto (es decir un div con una altura H=100%-40px, o sea restarle los 20 px de cada barra)
barra inferior de 20px de alto (div)

espero se entienda. saludos!

[Zeromm]

creo que no lo entendí bien... pero si tu duda es sobre la columna de 100% de alto, tienes que usar la funcion "calc" de css.

height: calc(100% - 40px);

obviamente en el IE8 no furrula claro está xD

[hackjose]

No creo que se pueda, claro con calc rapido pero no va a funcionar en todos

Mejor crea un contenedor con height 100% y adentro metes las barras
las posicionas con top y bottom para que queden hasta arriba y hasta abajo

SALUDOS

[Zeromm]

Iniciado por hackjose

No creo que se pueda, claro con calc rapido pero no va a funcionar en todos

No es cierto, si que va a funcionar en todos los navegadores minmamente conocidos. Asique es JUSTO lo que JAK^ necesita en este caso

[hackjose]

http://caniuse.com/calc

No va a funcionar en opera mini 4.5% de los moviles lo tienen instalado
No va a funcionar en IE6,7,8 6% de los navegadores de escritorio

No es alarmante y puedes usar calc pero lo que diga el cliente, ya que si le veo solucion si no abria que hablar

[pzin]

Yo usaría calc(). Para mi IE8 dejó de ser un navegador hace tiempo. Y ahora con XP muerto, con más razón aún.

De todas formas, así, por lanzar alguna idea más compleja, puedes hacer lo que comenta hackjose y usar luego un relleno por ahí.

Código CSS:

html, body {
  height: 100%;
}
 
#barra_superior, #barra_inferior {
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
}
 
#barra_superior {
  top: 0;
}
 
#barra_inferior {
  bottom: 0;
}
 
#columna {
  height: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}
 

[Zeromm]

No va a funcionar en opera mini 4.5% de los moviles lo tienen instalado
No va a funcionar en IE6,7,8 6% de los navegadores de escritorio

No se de donde sacas ese 6% la verdad xDDD. de hecho son un 2.8% xDD

¿de verdad vamos a tener que preocuparnos por el 2.8%... EN SERIO!!?¿ xD ostias, entonces apaga y vamonos!!

Y el opera mini lo mismo, porque tiene un 0.8 %... ¿tambien nos preocupamos de ese 0.8%?

Además, tú hablas de versiones... yo hablo de navegadores, IE soporta perfectamente estas funcionalidades en las versiones para las que hay que desarrollar, osea, versiones soportadas por microsoft. Y no le da soporte a ninguna de esas versiones que no la soportan. Por lo tanto, si ni Microsoft da soporte a esas versiones... coño, digo yo que no vamos a ir nosotros de tontos a darle soporte!!

Y si vamos a dejar de implementar funcionalidades utiles cuando van a funcionar en el 97.2% de los navegadores usado, simplemente porque un 2.8% (que la mayoría de ese 2.8% están en la india curiosamente... para los que dudo que la mayoria de nosotros desarrollemos proyectos alguna vez) prefieren no actualizar su navegador... entonces sigamos maquetando con tablas, porque creo que hay un 0,1% en el mundo que usa IE5.

Si los propios desarrolladores colaboramos en "preocuparnos" de navegadores inútiles, entonces siempre andaremos pensando en versiones de hace 15 años, y no es la idea del desarrollo web actual.

[pzin]

W3Schools no es fiable ni el contenido, así que para estadísticas mucho menos. Fíjate que a IE de forma general le dan un uso del 9%, cuando ese porcentaje es demasiado bajo —está en torno al 25%.

[Zeromm]

y los datos los sacas de que pagina entonces? porque sin poner ningun link de info casi parecen datos puestos a boleo xDD

[pzin]

Iniciado por Zeromm

y los datos los sacas de que pagina entonces? porque sin poner ningun link de info casi parecen datos puestos a boleo xDD

Suelo mirar estos:

http://gs.statcounter.com
http://www.w3counter.com/globalstats.php

Son más fiables porque en W3Schools obviamente muchos con IE no van a entrar del mismo modo que a NetMarketShare (NetApplications) van a entrar muchísimos con IE.

[Zeromm]

Pues esto casi me da mas la razón xDD, porque en cada página de estadisticas la info varía.

En statcounter el IE8 lo usan un 6%...... en w3counter un 3.7%.... en w3school, que aunque puede no parecer fiable tambien tienen sus datos con un 2.4%....

Y bueno, del IE7 y 6 ya ni molestarse en mirar estadisticas obviamente, porque si nos preocupamos de esos navegadores apaga y vamonos!...

En definitiva, está claro que MUY poca gente usa esos navegadores, y de todas formas como los datos no son 100% fiables, si que hay algo 100% fiable, y es el soporte que da o no Microsoft a sus productos, por lo tanto es lo que los desarrolladores tenemos que fijarnos (según mi opnión poooor supuesto!! ).

¿que le da soporte a un navegador? perfecto, se le da soporte a ese navegador.... ¿que no le dan soporte a ese navegador? peeerfecto, nosotros no vamos a ir de burros (al menos sin cobrar aa mayores un "x") a darle soporte.

[pzin]

Es que no te quitaba la razón. Yo de hecho no tengo instalado IE. Me importa un carajo IE. Sólo decía que los datos de ahí eran de los menos fiables que hay, porque tiene visitas especializadas y por lo general no es una buena fuente W3Schools.