Hola a todos, el problema es que en mi foro los perfiles no miden más de unos 170px, pero no puedo poner un tamaño en px para el cuerpo de mensajes ya que mi foro se ajusta al tamaño de pantalla (tiene un ancho en porcentaje) entonces no serviría.
El código de perfiles lo tengo así:

Código:

.postbody {
  width: 77%;
}

.postprofile dd, .postprofile dt {
  margin-bottom: 3px;
}

.postprofile {
  width: 150px;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

.postprofile dl.codebox.spoiler {
  text-align: center;
  margin-top: 5px;
  width: 135px !important;
}

Si aumento el 77% del postbody queda mal por que se queda debajo del perfil.

Hay alguna manera que ese % sea automático? Me refiero a que en pantallas más grandes siga apareciendo al lado del perfil a unos 10px del perfil.

Lo muestro con capturas:

capturas:

Lo que me gustaría es que el espacio entre el perfil y el mensaje fuera siempre de 10px.
Gracias.

Hola Jotace,
has intentado añadir tambien porcentaje al .postprofile? cambia el codigo que tienes por este:

Código:

.postprofile {
  width: 23%;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

Gracias Right pero entonces con porcentaje ocurre lo mismo, por que el perfil no ocupa más de 150 entonces en pantallas más ampliadas aún con porcentaje se echa para la derecha muy alejado del postbody.
¿No hay algún código para que fuera automático, o sea que el postprofile mida 150px y el postbody tomara un ancho automático dejando entre el postprofile y el postbody unos 5px o 10px siempre.

reemplaza todo por este y me avisas:

Código:

.postbody {
  width: 100%;
}
.postprofile {
  width: 150px;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}


Right! escribió:reemplaza todo por este y me avisas:

Código:

.postbody {
  width: 100%;
}
.postprofile {
  width: 150px;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}


Ahora el perfil se queda debajo del cuerpo del mensaje que ocupa todo.

asi?

Código:

.postbody {
  width: 77%;
}
.postprofile {
  width: 23%;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

Right! escribió:asi?

Código:

.postbody {
  width: 77%;
}
.postprofile {
  width: 23%;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

Pasa lo mismo, se ve demasiado separado.

Y este?

Código:

.postbody {
  width: 100%;
}
.postprofile {
  width: 23%;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

Fernando escribió:Y este?

Código:

.postbody {
  width: 100%;
}
.postprofile {
  width: 23%;
  text-align: left;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  margin-top: 3px !important;
}

De nuevo el 100% dije que hace que el body ocupe todo el mensaje y el perfil se haga para abajo y queda feo.

up

up

up

Es bien complicado porque en tu CSS, tienes varias lineas de propiedades para un mismo atributo.
Intentare esta vez, pero no te aseguro nada.
El postbody, dejalo asi:

Código:

.postbody {
clear: both;
color:
white;
float: right;
line-height: 1.48em;
padding: 0;
width: 80%;
}

y el postprofile, asi:

Código:

.postprofile {
float: left;
font-family: Trebuchet MS, Arial;
font-size: 12px;
width: 20%;
}

Tienes varias propiedades para estos atributos, borralos todos y solo deja el que te di por favor.

Muchísimas gracias Right!!, aunque también pasa lo mismo así

que version estas usando para poder ayudarte mejor?

Veo que no sigues esta instruccion, asi no se resovera tu duda.

Tienes varias propiedades para estos atributos, borralos todos y solo deja el que te di por favor.

Puedo ver que en tu css tienes varias propiedades asignadas al postprofile y postbody. Por favor, unificalas todas y se solucionara tu problema. Hay codigos alli que no deberian ir. Eso pasa por solo copiar y pegar.

Saludos,

Acabo de probar borrando todo y dejando esos CSS y pasa lo mismo

up

Intenta agregando esto a tu css actual:

Código:

.postbody {
width: 100%;
margin-right: -200px;
}

Gracias Tito, funciona pero el body se queda muy a la derecha y los botones no se ven.

Perdón, no lo puedo verificar en tu foro porque me sale un aviso:

"Google ha detectado software malintencionado que podría instalarse en tu ordenador si continúas. Si has accedido a este sitio anteriormente o si confías en él, es posible que haya sido interceptado recientemente por un hacker. No deberías continuar. Tal vez podrías intentar acceder de nuevo mañana o visitar otro sitio."

Intenta retirar todo ese contenido para que no sea peligroso!

No encuentro contenido malintencionado en mi foro

up

up

Juega con los valores del margin-right.