Foros del Web » Creando para Internet » CSS »

porcentajes + valores fijos

Estas en el tema de porcentajes + valores fijos en el foro de CSS en Foros del Web. Por poner un ejemplo simple...2 cajas flotantes una al lado de la otra, quiero que ocupen el total del ancho de la pantalla entonces le ...
  #1 (permalink)  
Antiguo 26/10/2010, 07:18
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 14 años, 1 mes
Puntos: 1
porcentajes + valores fijos

Por poner un ejemplo simple...2 cajas flotantes una al lado de la otra, quiero que ocupen el total del ancho de la pantalla entonces le asigno un ancho del 50% a c/u. Pero digamos que quiero poner una linea de 1 pixel entre medio de las dos como separador, ese pixel extra ya me genera el scroll horizontal.
O poniendolo de otra forma...existe alguna manera de operar entre porcentajes y valores fijos de modo que pudiera hacer algo como esto?

Código CSS:
Ver original
  1. width: 50% - 1px;

  #2 (permalink)  
Antiguo 26/10/2010, 08:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: porcentajes + valores fijos

Pruebe a jugar con márgenes con valor negativo en el lado contrario al flotado y de igual valor que el borde. No le he verificado. Pero es la técnica utilizada para el bug del doble margen en ie
  #3 (permalink)  
Antiguo 26/10/2010, 18:48
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: porcentajes + valores fijos

Estuve probando y no me va, el scoll horizontal no se modifica en nada...no se si estare haciendo algo mal yo.

Saludos!
  #4 (permalink)  
Antiguo 27/10/2010, 12:14
 
Fecha de Ingreso: octubre-2010
Mensajes: 155
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: porcentajes + valores fijos

facil tendrias que colocar en medio de los 2 un border-left con la propiedad que mas te guste
  #5 (permalink)  
Antiguo 27/10/2010, 12:25
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: porcentajes + valores fijos

Dos salidas rapido.... una es asignandole borde lateral a una de las dos cajas que simule la linea de separacion y la otra es que en vez de aisgnar 50%, le asignes 49% ^^

suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #6 (permalink)  
Antiguo 27/10/2010, 12:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: porcentajes + valores fijos

Dos cajas ocupando entre ellas el 100% del body, una de ellas con un borde lateral de 1px sin que ello fuerce la aparición del scroll-x y sin usar overflow: hidden.
Creo que era eso lo que se solicitaba.
A ver si lo siguiente es válido:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  4. <title>Kseso? Jugando con css</title>
  5. <style type="text/css">
  6.  * {
  7.     margin: 0;
  8.     padding: 0;
  9.     border: 0;
  10.     outline: 0;
  11.   }
  12. html, body {
  13.     background: #FFFB00;
  14.     font-weight:normal;
  15.     font-size: 100%;
  16.     height:100%;
  17.     width:100%;
  18.   }
  19. #izquierda, #derecha {width: 50%; height: 400px; position: relative;}
  20. #izquierda {background: #4000F0; border-right: 1px solid #fff; float: left; margin-left: -1px;}
  21. #derecha {background: #000080; float: right;}
  22. </head>
  23. <div id="izquierda"></div>
  24. <div id="derecha"></div>
  25. </body>
  26. </html>

Era la idea que apuntaba en #2
  #7 (permalink)  
Antiguo 27/10/2010, 18:20
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: porcentajes + valores fijos

Esta bien la solución que apuntas Kseso? pero ahora lo que ocurre es que si en vez de 1px le restas 200px, la caja #izquierda no tendrá 50%+200px, sino que seguirá siendo del 50% con lo que no se ajustará a la totalidad de la pantalla...


Saludos
  #8 (permalink)  
Antiguo 27/10/2010, 19:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: porcentajes + valores fijos

Hey! dargorg, aquí!, mire la consulta
Cita:
Iniciado por Finseneu Ver Mensaje
Por poner un ejemplo simple...2 cajas flotantes una al lado de la otra, quiero que ocupen el total del ancho de la pantalla entonces le asigno un ancho del 50% a c/u. Pero digamos que quiero poner una linea de 1 pixel entre medio de las dos como separador, ese pixel extra ya me genera el scroll horizontal.
O poniendolo de otra forma...existe alguna manera de operar entre porcentajes y valores fijos de modo que pudiera hacer algo como esto?
Cita:
width: 50% - 1px;
Porque entre lo mucho que ni soy ni tengo es adivino o facultades paranormales. Si pide 1px, damos 1px.
Cita:
Iniciado por dargorg Ver Mensaje
Esta bien la solución que apuntas Kseso? pero ahora lo que ocurre es que si en vez de 1px le restas 200px, la caja #izquierda no tendrá 50%+200px, sino que seguirá siendo del 50% con lo que no se ajustará a la totalidad de la pantalla...


Saludos
Eso ya sería otra consulta totalmente diferente y habría que buscar otro enfoque y solución totalmente distinta.
Así, a la carrera y ya adormilado:
Dos cajas adyacentes al 50% de anchura cada una.
Dentro de cada una de ellas otra con su borde lateral correspondiente de la mitad del borde total deseado (200px/2 o los que fuesen) y para que quede bonito unas falsas columnas si se desconoce a priori los contenidos de cada una de ellas.

Supongo que debería funcionar.
  #9 (permalink)  
Antiguo 27/10/2010, 21:21
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: porcentajes + valores fijos

Gracias, lo voy a chequear en breve.
  #10 (permalink)  
Antiguo 28/10/2010, 10:14
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: porcentajes + valores fijos

kseso? siento si te molestó lo que dije, para ser sinceros yo sabía la respuesta, parecida a la tuya lo que pasa que no me apeteció escribir. Mil disculpas; sólo intentaba ser constructivo.

Un saludo
  #11 (permalink)  
Antiguo 01/11/2010, 09:37
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: porcentajes + valores fijos

¿Molesto? ¿Transmitió esa sensación mi comentario? Vaya que andamos sobrados de sensibilidad.
No, ni lo estaba ni era mi intención manifestar enfado o nada por el estilo.
Pero...
Cita:
Iniciado por dargorg Ver Mensaje
...para ser sinceros yo sabía la respuesta, parecida a la tuya lo que pasa que no me apeteció escribir...
Eso, lo resaltado, sí que lo encuentro innecesario y totalmente inapropiado. Y más cuando no es la primera vez que realiza este tipo de comentario.

P.D.: y tampoco lo estoy diciendo ni enfadado ni molesto. Símplemente lo manifiesto. Quizás no haya reparado en lo que subyace en esa frase y al señalárselo se de cuenta y lo evite en el futuro. Si lo cree conveniente, que tampoco está obligado.

Etiquetas: 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 08:51.