Foros del Web » Creando para Internet » CSS »

Como aplicar correctamente un estilo

Estas en el tema de Como aplicar correctamente un estilo en el foro de CSS en Foros del Web. Hola, buenas tardes, Tengo una duda con respecto a aplicar correctamente un estilo. Les explico como debería ser. Tengo un div contenedor, que abarca el ...
  #1 (permalink)  
Antiguo 02/08/2013, 11:08
Avatar de Middrel  
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años
Puntos: 27
Como aplicar correctamente un estilo

Hola, buenas tardes,

Tengo una duda con respecto a aplicar correctamente un estilo.

Les explico como debería ser. Tengo un div contenedor, que abarca el 100% de la pantalla, sin embargo tiene una imagen de fondo aplicada por css, por lo tanto no me da un alto específico hasta que le ingrese información a ese div.

Bueno, el problema viene de esta forma, en la parte inferior de ese div (contenedor), alineado hacia la derecha, debe haber un pequeño bloque de texto que no exceda los 600px de largo por 250px de alto.

Yo coloco ese bloque de texto de esta forma:

Código CSS:
Ver original
  1. #bloque{
  2.     height:250px; /* o su equivalente en porcentajes */
  3.     position:relative;
  4.     margin-left:65%;
  5.     margin-top:75%;
  6.     width:600px; /* o su equivalente en porcentajes */
  7. }

El id es un div.

Mi pregunta más que nada, ¿es correcto hacerlo de esta manera? ¿o hay una forma más limpia y más adecuada para hacerlo?

De antemano, gracias por sus comentarios.

Saludos!!

Aclaro algo que se me olvidaba!! Sólo debe ir ese bloque donde les comento, ningún otro elemento más.
  #2 (permalink)  
Antiguo 02/08/2013, 11:33
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: Como aplicar correctamente un estilo

Depende un poco del contexto de todo.

Pero ya que usas una posición relativa, podrías usar top/left en lugar de usar márgenes.

Código CSS:
Ver original
  1. div#bloque {
  2.   position: relative;
  3.   top: 75%;
  4.   left: 65%;
  5.   /* Y lo demás */
  6. }

Otra forma de hacerlo es usando posiciones absolutas para ajustarlo a la derecha:

Código CSS:
Ver original
  1. div#contenedor {
  2.   position: relative;
  3. }
  4.  
  5. div#bloque {
  6.   position: absolute;
  7.   right: 0;
  8.   bottom: 0;
  9.   max-width: 600px;
  10. }

Pero como digo depende un poco del contexto. Hay otras formas, desde luego.

Etiquetas: correctamente, estilo
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:15.