Bug com css e firefox 9.0.1

[spartan1509 0]

Olá pessoal.

 

Venha ate vocês para pedir ajuda. Estou enfrentando problemas na hora de criar um site com relação as margens do mesmo. Quando crio o site e vejo como esta indo meu progresso, fico testando nos diversos navegadores e me deparei com um bug ou sei la se é isso mesmo do navegador Firefox (atualmente na versão 9.0.1), no navegadore chrome e no IE 7 esta normal, agora no FF é que esta dando essa diferença, vou postar uma imagem de como se encontra no FF e no Chrome e espera que alguem possa me ajudar a resolver esse proglema.

 

http://imageshack.us/photo/my-images/341/chromef.gif/

 

aqui esta tudo perfeito, agora no FF reparem na margen inferior

 

http://imageshack.us/photo/my-images/27/55771962.gif/

 

espero que possa ajudar. desde ja fico grato.

[Thiago Souza_63114 1]

Posta o código.

[Luiz Fernando - Ampol 2]

Na divisão das noticias tenta deixar padding:0 e margin:0 caso não esteja.

 

OBS: Sempre que possível poste o css para ser avaliado ... assim fica mais fácil de resolver o problema...

[spartan1509 0]

ok segue o codigo:

/*RESETE*/
*{
margin:0; 
 	padding:0;
}

body{
background:#999;
}

/*BOX*/
#box{
width:900px;
 margin:0 auto;
}

/*HEADER*/
#header{
height:105px;
background:url(images/header.jpg) no-repeat;
}
#header_logo{
float:left;
margin:20px 0 0 15px;	
}
#header_contatos{
float:right;
margin:25px 10px 0 0;
font:20px Arial, Helvetica, sans-serif; color:#333;
font-weight:bold;
text-align:right;
}

#header_contatos h1 {
font-size:13px;
}

/*MENU*/
#menu{
height:35px;
background:url(images/menu.jpg) repeat-x top;
}

#menu ul{
margin:0;
padding:0;
float:left;
list-style:none;
}

#menu ul li{
display:inline;
}

#menu ul li a{
text-decoration:none;
color:#FFF;
font-weight:bold;
font:20px Arial, Helvetica, sans-serif;
float:left;
padding:5px 8px 6px 8px;
}

#menu ul li a:hover{
background:url(images/menu.jpg) repeat-x bottom;
}

#menu ul li img{
float:left;
}

#menu_search{
float:right;	
}

#menu_search form{
margin:3px 5px;
}

#menu_search input{
padding:3px;
width:195px;
color:#FFF;
font: 14px Tahoma, Geneva, sans-serif;
font-weight:bold;
background:#069;
border:1px solid #FFF;
}

#menu_search .search_btn{
width:80px;
font:14px Tahoma, Geneva, sans-serif;
color:#FFF;
background:#069;
border:1px solid #FFF;
}

/*CONTENT DIV MAE*/
#content{
width:900px;
background:#FFF;
float:left;
}

/*NOTICIAS BLOCO 1*/
#noticias{
width:900px;
}
#noticias_destaque{
width:500px;
height:390px;
float:left;
background:#EBEBEB;
margin:5px;
padding:5px;
}

#noticias_destaque p{
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:10px 0;
}

#noticias_destaque a{
color:#333;
text-decoration:none;
}

#noticias_destaque a:hover{
color:#000;
text-decoration:underline;
}

 

APARTIR DAQUI EH A DIV QUE ESTA DANDO ESSE BUG

 

____________________________________________________________________________

#noticias_lista{
width:375px;
float:right;
padding:5px 5px 5px 0px;

}

#noticias_lista a{
text-decoration:none;
color:#333;
}

#noticias_lista ul{
margin:0;
padding:0;
float:left;
list-style:none;
}

#noticias_lista ul li{
float:left;
margin-bottom:6px;
width:375px;
}

#noticias_lista ul li p{
font:12px Tahoma, Geneva, sans-serif;
margin:1px 0;
}

#noticias_lista span{
padding:6px;
background:#069;
float:left;
font:50px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
margin-right:3px;
}

#noticias_lista img{
float:left;
margin-right:3px;
border:0;	
}

#noticias_lista h1{
font:12px Georgia, "Times New Roman", Times, serif;
color:#069;
font-weight:bold;
}

#noticias_lista h2{
font:12px Georgia, "Times New Roman", Times, serif;
color:#333;
}

[Diéssica 140]

Tu usou tabelas em algum lugar do site?

[spartan1509 0]

Nao. Apenas usei um form, mais nada de tabelas e so acontece no FF 9.0.1

[Diéssica 140]

Já tentou resetar definindo os elementos? É mais cross-browser que *. Apesar de não ter chances de mudança, pode ajudar.

 

Eu particularmente não usaria ul li ali na coluna da esquerda...

 

Tira o conteúdo delas e vê o que acontece, pra ver se o problema é no ul li mesmo ou no layout.

 

Pode ajudar também postando o código HTML da coluna.

[spartan1509 0]

segue o codigo referente a coluna:

<div id="noticias_lista">
           	<ul>
                 <li>
                   <a href="#">
				<span>1</span>
                   <img src="uploads/noticias/01.JPG" alt="" width="125" height="75" />
                   <h1>Lorem ipsum dolor sit amet</h1>                
                   <p>consectetur adipiscing elit. Morbi dictum, felis vitae malesuada cursus, ante erat</p>
                   <h2>07/12/2011 - Por admin</h2>
                   </a>
                 </li>

                 <li>
                 	<a href="#">
				<span>2</span>
                   <img src="uploads/noticias/01.JPG" alt="" width="125" height="75" />
                   <h1>Lorem ipsum dolor sit amet</h1>                
                   <p>consectetur adipiscing elit. Morbi dictum, felis vitae malesuada cursus, ante erat</p>
                   <h2>07/12/2011 - Por admin</h2>
                   </a>
                 </li>

                 <li>
                 	<a href="#">
				<span>3</span>
                   <img src="uploads/noticias/01.JPG" alt="" width="125" height="75" />
                   <h1>Lorem ipsum dolor sit amet</h1>                
                   <p>consectetur adipiscing elit. Morbi dictum, felis vitae malesuada cursus, ante erat</p>
                   <h2>07/12/2011 - Por admin</h2>
                   </a>
                 </li>

                 <li>
                   <a href="#">
				<span>4</span>
                   <img src="uploads/noticias/01.JPG" alt="" width="125" height="75" />
                   <h1>Lorem ipsum dolor sit amet</h1>                
                   <p>consectetur adipiscing elit. Morbi dictum, felis vitae malesuada cursus, ante erat</p>
                   <h2>07/12/2011 - Por admin</h2>
                   </a>
                 </li>

                 <li>
                 	<a href="#">
				<span>5</span>
                   <img src="uploads/noticias/01.JPG" alt="" width="125" height="75" />
                   <h1>Lorem ipsum dolor sit amet</h1>                
                   <p>consectetur adipiscing elit. Morbi dictum, felis vitae malesuada cursus, ante erat</p>
                   <h2>07/12/2011 - Por admin</h2>
                   </a>
                 </li>
               </ul>            

           </div><!-- NOTICIAS LISTA -->