Problema con padding

[braiank]

Código PHP:

   <table width="100%" align="center" cellpadding="0" cellspacing="0" valign="top"> 
               <tr class=c valign=top> 
                <td style='padding-left:1px; padding-top:1px; padding-bottom:1px;' colspan='3'><a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."'><img src='imagenes/cronicas/".$get_date['fechaformat2']."/".$row['fotomini_cronica']."' align='left' width='130' height='110' border='0'></a> 
                <b>".$get_date['fechaformat']."</b><br><a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."' style='font-size:11px; text-decoration:underline;'>".$row['nombre_cronica']."</a> 
                <br><br>".$contenido." ... <a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."'> MÁS</a> 
               </td></tr> 
</table>  
   

Tengo este codigo y en firefox se me ve con un px de padding a la izquierda como debe ser pero en i epxlore se debe poner como unos 5px de padding :S

miren aca el ejemplo : Http://www.atconcert.net , por ejemplo en ultimas cronicas a la izquierda de la fotito :S

uin abrazo

[xlokyx]

1º: <tr class=c valign=top> ? class=c? sin comillas ni nada? miratelo...
vamos a lo que vamos:
yo he probado esto, se me ve bien tanto en firefox como en IE 6 - 7

Código PHP:

  <table width="100%" align="center" cellpadding="0" cellspacing="0" valign="top"> 
               <tr valign=top> 
                <td class="borde1px" colspan='3'><a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."'><img src='imagenes/cronicas/".$get_date['fechaformat2']."/".$row['fotomini_cronica']."' align='left' width='130' height='110' border='0'></a> 
                <b>".$get_date['fechaformat']."</b><br><a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."' style='font-size:11px; text-decoration:underline;'>".$row['nombre_cronica']."</a> 
                <br><br>".$contenido." ... <a href='index.php?titulo=".$nombre."&a=cronicas&id=".$row['id_cronica']."'> MÁS</a> 
               </td></tr> 
</table>  
   

y el estilo de la clase "borde1px" seria este:

Código HTML:

.borde1px {
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 1px;
}

Espero que te sirva

Saludos

[braiank]

Funciona pero sigue siendo lo mismo, osea fijate que en i explore se le hace mas padding en la izquierda y en firefox tiene el padding que deberia tener realmente

un saludo

[PatomaS]

Hola

Explorer maneja de forma diferente las propiedades margin y padding, así que la única forma de manipularlos de forma totalmente precisa, es que inicialices los valores a 0 para todos los elementos y luego asignes los valores correctos a cada elemento en cada caso. En un caso el margin y en otro el padding.

Felicidad

[webosiris]

Iniciado por PatomaS

es que inicialices los valores a 0 para todos los elementos

agrego que eso se hace con este CSS al principio del archivo css:

Código:

*{margin:0;padding:0}

PD: muevo al foro de css desde html