Jump to content


tankbr

Member Since 04/04/2005
Offline Last Active 05/12/2008, 06:57
-----

Topics I've Started

Problema Com Alinhamento E Espaçamento De Lista

27/11/2008, 06:22

ERROS:

1- que no firefox o texto se alinha em bottom em relação a imagem da lista, e no IE em top

2- o espaço entre a imagem e a lista no IE é menor que no firefox

3- o padding left do UL (conjunto total) fica maior no IE e menor no firefox

4- a imagem do bullet da primeira lista no IE nao aparece (bug)

como consertar isso?


Vou passar os codigos da estrutura e do css desta parte do site que estou desenvolvendo


ESTRUTURA:
<div id="corpobaixo">
			 <div id="vantagens">
				 <ul>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
				  </ul>
			 </div>
	   </div>

CSS:
#corpobaixo {
	 clear: both;
	 overflow: auto;
 }
 #vantagens {
	 margin: 28px;
	 background: url('images/vantagenscomprovadas.gif');
	 width: 590px;
	 height: 184px;
	 position: relative;
	 font: normal 15px Verdana;
	 letter-spacing: -1px;
 }
 #vantagens ul { 
	 position: relative;
	 padding-left: 35px;
	 padding-top: 28px;
	 
 }
 #vantagens li {
	 position: relative;
	 display: list-item;
	 list-style-image:url(images/malelist.gif);
	 height: 24px;
 }


imagem censurada

IPB Skin By Virteq