Foros del Web » Creando para Internet » CSS »

Diseño Hibrido - Columna en px y columna liquida

Estas en el tema de Diseño Hibrido - Columna en px y columna liquida en el foro de CSS en Foros del Web. Estoy haciendo una plantilla para un administrador de empresas. Me pidieron los siguientes requisitos. Serian, dos columnas: en una columna izquierda: El logo y abajo ...
  #1 (permalink)  
Antiguo 20/02/2014, 16:49
 
Fecha de Ingreso: febrero-2012
Mensajes: 11
Antigüedad: 12 años, 2 meses
Puntos: 0
Diseño Hibrido - Columna en px y columna liquida

Estoy haciendo una plantilla para un administrador de empresas.

Me pidieron los siguientes requisitos.

Serian, dos columnas:

en una columna izquierda:
El logo
y abajo del logo , un menu vertical.

en la columna de la derecha, va a tener contenido.
datos etc, que se muestran en tablas, con porcentaje %.

Lo que me plantearon es:
Quieren que el menu vertical de la izquierda, tome el ancho del logo.
Y que a la derecha quede en % la columna del contenido.
O sea que ocupe el resto de lo que queda de pantalla.

Estuve viendo ejemplos y vi que lo hacian.
Pero por ejemplo era, que la columna derecha tenia un margin:-240px o algo asi, le restaban lo que tenia de ancho la columna izquierda que era fija.

El problema es que el ancho del logo puede variar, porque es para empresas el administrador, tendra un minimo el logo de 200 y maximo 250.
Lo peor de todo es que es para ie6 tambien.
Y ademas los altos tambien son en %..


Ayuda por favor..
  #2 (permalink)  
Antiguo 20/02/2014, 17:58
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Diseño Hibrido - Columna en px y columna liquida

Debería de funcionarte hacer algo así:

Código CSS:
Ver original
  1. #menu {
  2.   float: left;
  3. }
  4.  
  5. #contenido {
  6.   overfow: hidden;
  7. }

Que funcione en IE6 o no, aunque te lo pidan, no creo que sea de interés para nadie. En serio. Año 2014.
  #3 (permalink)  
Antiguo 20/02/2014, 18:07
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Diseño Hibrido - Columna en px y columna liquida

Cita:
Iniciado por pzin Ver Mensaje
Debería de funcionarte hacer algo así:

Código CSS:
Ver original
  1. #menu {
  2.   float: left;
  3. }
  4.  
  5. #contenido {
  6.   overfow: hidden;
  7. }

Que funcione en IE6 o no, aunque te lo pidan, no creo que sea de interés para nadie. En serio. Año 2014.
Realmente es indignante y ridiculo que haya clientes que pidan que sus webs se vean en un navegador que salió en el año 2001 (HACE 13 AÑOS!!!!!)... un navegador que PC Word lo clasificó como el octavo peor producto de tecnología de todos los tiempos... esque parece que lo hacen para joder!! En estos casos lo que se les hace a estos "clientes" es cobrarles un precio alto para que la web se visualice correctamente en ese navegador, y se les explica las razones de porque es más caro y porque, economicamente, al cliente no le compensa.
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.

Etiquetas: diseño, porcentajes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:32.