1 reply to this topic

[Conectar Criação Digital]

Alguém já deve ter passado por isso.. por isso se alguém me ajudar, agradeço...

É um problema de vizualisação no Firefox. Tentei por infinitas vezes mudar o código do css do meu site e nada!!!

A página roda normal no IE, mas no Firefox aparece uma imagem cortada, pois usei tabela.

E usando div não consigo centralizar...Mas li muita coisa na net sobre usar um tal de border-collapse: collapse; para fazer com que duas imagens se "fundam" e não apareça uma borda branca que está me deixando louco!!!

o site é www.conectardigital.com


e o código do css é:

body
{
font-size: 10px; /* reset 1EM to 10px */
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: transparent;
background-position: left top;
font-weight: normal;
font-style: normal;
border-collapse: collapse;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#container
{
margin: 0 auto;
width: 770px;
position: relative;
background-repeat: repeat-y;
background-position: center top;
}

#header
{
margin: 0 auto;
width: 640px;
height: 96px;
background-repeat: no-repeat;
background-position: left top;
}

.headtitle
{
position: relative;
font-family: 'lucida grande', arial, tahoma, sans-serif;
font-size: 30px;
color: #FFF;
top: 8px;
left: 12px;
}

#menu
{
height: 29px;
background-color: #FFFFFF;
width: 770px;
margin: 150;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#menu ul
{
margin: 0;
padding: 7px;
height: 29px;
background-position: left top;
}

#menu ul li
{
list-style: none;
display: inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color: #FFFFFF;
padding: 13px 7px 15px 7px;
font-size: 1em;
font-family: Arial

[Nicholas Pufal]

Sempre procure zerar paddings e margins para evitar dores de cabeça futuras.

Coloca no início do teu código:

* {
padding:0px;
margin:0px;
}

Outra coisa, ao invés de escrever por exemplo:

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

Já que todos estão zerados, você pode usar apenas padding: 0px que vai zerar cima/baixo/esquerda/direita (é chamado de declaração em uma linha, resumida... enfim, fica mais fácil de trabalhar/visualizar).

P.S: Procura colocar a tag codebox em códigos longos, quando for postar eles.