SoloCodigo
Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: RiLaRos en Viernes 29 de Diciembre de 2006, 08:12
-
hola!
tengo un problema con diseño en CSS, que es el siguiente:
tengo un div en el cual ira una imagen de fondo que se repetira horizontalmente y sobre el mismo ira un texto centrado horizontal y verticalmente. La imagen es de 38px de altura y para centra el texto le he dado un padding de 10px, el error esta que cuando hago esto, el ancho del div crece en 10px y se repite la imagen verticalmente, esto sucede en firefox, mientras que en IE se muestra como lo deseo, pero si reduzco en 10px el ancho, entonces se vera bien en firefox, pero en IE se le restaran 10px a la imagen de fondo, me gustaria saber como puedo arreglar esto..
de antemano muchas gracias por la ayuda que me puedan prestar.
Saludos,
Ricardo La Rosa (http://www.rilaros.net)
-
te refieres a algo como esto:
[dohtml]<div style="height: 38px; width: 200px; line-height: 38px; background-color: #f0f0f0; text-align: center;" align="center">hola</div>[/dohtml]
<!--xc1--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'><!--exc1--><div style="height: 38px; width: 500px; line-height: 38px; background-color: #f0f0f0; text-align: center;" align="center">hola</div><!--xc2--></td></tr></table><div class='postcolor'><!--exc2-->
lo unico que tienes que hacer es inserta un line-height del tamaño de la altura de tu div y el texto que quieras quedara centrado verticalmente el vertical-align no cabe aqui ya que solo he visto que funciona con tablas :)
-
Para que manejar el fondo, se hace mediante la propiedad background-repeat y tenes las siguientes opciones:
repeat
repeat-x
repeat-y
no-repeat
inherit
W3C (http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat)
Altareum.
-
Para que manejar el fondo, se hace mediante la propiedad background-repeat y tenes las siguientes opciones:
repeat
repeat-x
repeat-y
no-repeat
inherit
W3C (http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat)
Altareum.
el problema no era con la imagen de fondo sino mas bien con el texto, para que no tenga que dar ese padding :)
-
Excelente :kicking:
funciono el
Gracias.