Comunidad de diseño web y desarrollo en internet online

Desbordes en la página: sugerencias para su corrección

Citar            
MensajeEscrito el 25 Nov 2009 11:59 am
He visto que algunos elementos sobrepasan por su tamaño la página por su derecha, causando un efecto "feo" por ese desborde.
En concreto las imágenes y los "pre".
Una imagen para ilustrarlo:


La solución "facil" sería añadir a la clase:

Código :

.contenedor_blog {
overflow: hidden;
}

Está en el archivo "cristalab.css", en la línea 282.
Digo fácil porque sólo eso dejaría algo tan poco estético como ésto:

Para evitar ese recorte de los dos elementos, con añadir en el archivo "articulos.css" línea 30:

Código :

img.imgBlog {
max-width:98%;
}

y su equivalente para los ie.
Y en el archivo "babyblue.css", línea 14 a la clase pre.codigo quitarle la anchura que tiene declarada, pues también toma (al menos en la portada) la declaración de "articulos.css" línea 35:

Código :

.codigo {
width: 90%;
}

El resultado:


Pero por favor, verificar que estas modificaciones no influyen negativamente en otros apartados de la página.

Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Ago 2010 10:30 pm
Listo, lo usé y efectivamente funcionó. Aunque requirió un poco de creatividad para implementar ciertas cosas.

Cool advice man. Gracias.

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.