Diferente en IE y Firefox

Estoy Realizando una página, utilizo una CSS externa, para colocar el margen uso padding-left tengo un texto y también una lista, con Firefox el...

La FAQ Diferente en IE y Firefox tiene

Pertenece a la categoría:
Pregunta
Estoy Realizando una página, utilizo una CSS externa, para colocar el margen uso padding-left tengo un texto y también una lista, con Firefox el contenido de la lista comienza donde indica la propiedad PADDING-LEFT pero los circulos de cada elemento están fuera del margen indicado por el PADDING, sin embargo con IE se ve bien, es decir cirlulo y contenido de la lista dentro de donde indica el PADDING, esto es lo que más me fastidia que con IE un navegador que no me gusta y desaconsejo se vea bien, y que con Firefox 3.5 el navegador que recomiendo y utilizo normalmente no se vea como espero.
¿Cómo soluciono este problema?


/***** HOJA DE ESTILO ****/

ul.descripcion_valde{

COLOR: #763406;

FONT-FAMILY: Tahoma;

FONT-SIZE: 12px;

FONT-WEIGHT: 600;

display: inline-block;

PADDING-BOTTOM: 1px;

PADDING-LEFT: 40px;

PADDING-RIGHT: 40px;

PADDING-TOP: 1px;

margin-top: 3px;

}

P.descripcion_bis{

COLOR: #763406;

FONT-FAMILY: Tahoma;

FONT-SIZE: 12px;

FONT-WEIGHT: 600;

PADDING-LEFT: 40px;

PADDING-RIGHT: 40px;

TEXT-ALIGN: justify;

}

/********* HTML ****************/

<p class="descripcion_bis">SERVICIOS ESPECIALIZADOS.

</p>

<ul class="descripcion_valde">

<li>Fisioterapia</li>

<li>Psicomotricidad</li>

<li>Atención psicológica</li>

<li>Atención social</li>

<li>Talleres de habilidades del hogar</li>

<li>Taller de habilidades basicas</li>

<li>Logopedia</li>

<li>Ocio y tiempo libre</li>

</ul>
Respuesta de Sciclope
Probá poniendole a "ul.descripcion_valde":

list-style-position:inside; o list-style-position:outside; según quieras.
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

Esteban

16/10/2009
a veces son los estandares
Si bien a veces se puede arreglar como dice Sciclope, en general el problema es que el IE a diferencia de Firefox u otros navegadores no sigue con los estandares W3C (los estandares de internet) haciendo imposible que se vea una misma pagina se vea igual en IE y en otros navegadores. Lo peor es que ni siquiera siguen los mismos estandares entre distintas versiones de IE, por eso es que el IE8 tiene su boton para modo de compatibilidad. Todo esto nos fuerza a los programadores a terminar usando hacks en CSS, para poder hacer que nuestra pagina se vea bien en todos lados. Aca en desarrolloweb hay un articulo al respecto: http://www.desarrolloweb.com/articulos/hacks-css.html

sr_nilsson

17/11/2011
Viñetas
Buenos días. Yo estoy padeciendo un caso similar con las viñetas de una lista desordenada de un menú (con enlaces claro está). Resulta que añado una imagen en lugar del típico "bolo" que vienen en las listas por defecto. Le pongo la propiedad inside y además, como quiero que al pasar el ratón por encima (hover) se "ilumine todo, viñeta y contenido, le pongo "display: block". Resulta que en Chrome, para el que diseño, se ve perfecto. También en Safari y en RockMelt. Sin embargo en Explorer y en Firefox sucede que el texto me lo baja a la línea siguiente, es decir viñeta por un lado y en la siguiente línea el texto, como si el "display:block" lo aplicara por separado y no al "li" en conjunto. En Opera se ve también mal pero no tan exagerado. ¿Alguna sugerencia? ¿Tendré que recurrir al famoso cartel "Página optimizada para...?"
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías