Ir para conteúdo
Fórum Script Brasil
  • 0

quebra de conteudo #css


paulovitor22

Pergunta

Boa tarde,

Gostaria de pedir um help a vocês amigos colaboradores, o problema é o seguinte, tenho um site no qual, as vezes entro e fica perfeitinho, porém as vezes entro e o conteudo fica cortado, ele não respeita o tamanho dos textos, ou seja quebra os textos pela metade, acredito que seja o CSS, mas to quebrando a cabeça e não consigo descobrir uma solução. Engraçado que as vezes que abre quebrado o conteudo, se eu der um F5 (atualizar) ele fica direitinho, abaixo estou colocando os links que ficam com o conteudo quebrado, e também estou colocando abaixo o CSS.. agradeco a ajuda :0

Links que as vezes aparecem quebrados:. http://www.dedetizadorafulmegan.com.br os conteudos quebrados são dos links empresa.html orcamento.html clientes.html

abaixo o css:.

/* CSS Document */

body{
    background-image: url(bg.gif);
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #e5e5e5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
    margin: 0px 0;
}


A:link    {color: #000000; text-decoration: none;}
A:visited {color: #000000; text-decoration: none;}
A:active  {color: #000000; text-decoration: none;}
A:hover   {color: #CC0000; text-decoration: none;}


#principal{
        background-image: url(bg-conteudo.gif);
        background-repeat: repeat-x;
        background-position: top center;
        background-color: #f5f4f5;
        width: 776px;
        height: auto;
        margin: 5px auto;
}

#topo{
        background-image: url(bg.gif);
        background-repeat: repeat-x;
        width: 776px;
        height: 18px;
        float: left;
        text-align:right;
      }
      
#topo a:link{color: #990099; text-decoration: none;}
#topo A:visited {color: #990099; text-decoration: none;}
#topo A:active  {color: #990099; text-decoration: none;}
#topo A:hover   {color: #000000; text-decoration: none;}



#cima{
        width: 776px;
        height: auto;
        margin: 0 auto;
}

#logo{
        background-image:url(logo.jpg);
        background-repeat:no-repeat;
        background-position:center;
        float:left;
        width: 100px;
        height: 50px;/*80*/
        margin: 0 auto;
}

#menu{
    float: right;
    background-image:url(fundomenu.jpg);
    background-repeat: no-repeat;
    background-position:right;
    background-position: center;
    width: 676px;
    height: 50px; /*80*/
    margin: 0 auto;
    z-index:2;
    position:relative;
    visibility: visible;
}

#banner{
    z-index:1;
    position:relative;
    width: 761px;
    height: 190px;
    background-color: #FFFFFF;
    margin: 10px 5px 10px 10px;
}

#meio{
        width: 776px;
        height: auto;
        /*margin: 0 5px 10px 10px;*/
}

#conteudocontato{
        margin: 0px;
        /*    background-color:#E9EEF4; */
        float: right;
        width: 180px;
        padding: 10px;
        background-color: #fcfcfc;
        border-left: 1px solid #e2e2e2;
        min-height: 290px;
        _height: 290px;
        margin-bottom: 10px;
        *margin-bottom: 0;
        }
        
        #conteudoempresa{
        float: left;
        width: 512px;
        height: 350px;
        padding: 10px;
        background-color: #fcfcfc;
        border-top: 1px solid #e2e2e2;
        margin-bottom: 10px;
        margin-left: 10px;
        }    

#conteudo{
        float: left;
        width: 512px;
        min-height: 284px;
        height:auto;
        padding: 10px;
        background-color: #fcfcfc;
        border-top: 1px solid #e2e2e2;
        _height: 284px;
        margin-bottom: 10px;
        margin-left: 10px;
        }        
#conteudo A:link    {color: #CCCCCC; text-decoration: none;}
#conteudo A:visited {color: #000000; text-decoration: none;}
#conteudo A:active  {color: #000000; text-decoration: none;}
#conteudo A:hover   {color: #990099; text-decoration: none;}

#barradir{
    width: 177px;
    padding: 7px;
    float: right;
    background-color: #fcfcfc;
    border-top: 1px solid #e2e2e2;
    min-height: 290px;
    _height: 290px;
    margin-right: 7px;
    margin-bottom: 10px;
}

#barradirrandon{
    background-image:url(feema.gif);
    width: 174px;
    height: 81px;
    border: 1px solid #e2e2e2;
    background-color: #f6f6f6;
}
#barradirrandon3{
    margin-top: 10px;
    background-image:url(facaorcamento.gif);
    width: 174px;
    height: 150px;
    border: 1px solid #e2e2e2;
}
#barradirrandon2{
    width: 174px;
    height: 45px;
    border: 1px solid #e2e2e2;
    background-color: #f6f6f6;
}


#AreaMenu{
        float: right;
        margin: 0 10px 0 0;
        /*_margin: 2px 5px 0 0;*/
}

#titulo{
            background-image:url(img/teldefundoanimado.gif);
            background-position:right;
            font: bold 12px  "Lucida Handwriting";
            font-size: 15px;
            margin: 0 0 7px 15px;
            visibility: visible;
            color:#990000;
}

#rodape
{
    background-color: #f5f4f5;
    width: 746px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

#rodape a { color: #000; text-decoration: none; }
#rodape a:hover { text-decoration: none; background:#990000; }

#rodapedir{
            width:400px;
            text-align:center;    
            }

#rodapeesq{
            width:100px;
            text-align:center;
            }

.colunaEsq
{
    float: left;
    width: 250px;
    margin: 15px 0 0 0;
}

.colunaDir
{
    float: left;
    width: 220px;
    margin: 15px 0 0 30px;
}

.boxHome
{
    float: left;
    width: 141px;
    min-height: 100px;
    margin: 0 0 0 15px;
}

.conteudoTxt
{
    font-family: "Times New Roman", Times, serif;
    color:#333333;
    font-size: 14px;
    font-stretch:normal;
    text-align: left;
}

.separaBox
{
    float: left;
    background-color: #c7c7c7;
    width: 1px;
    min-height: 100px;
    margin: 10px 0 0 15px;
}

.tituloHome
{
    background-image:url(seta.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 10px;
    margin: 5px 0 0 0;
}

.textoHome
{
    margin: 5px 0;
}

.linksHome
{
    margin: 15px 0 0 0;
}

.linksHome a
{
    background-image: url(/esquadrimetalv02/portugues/home/imagens/seta.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0 0 8px;
    color: #000;
}

#AreaConteudo
{
    margin: 0 5px 10px 10px;
}

#AreaConteudoPagina
{
    float: left;
    width: 532px;
    padding: 0;
    min-height: 304px;
}

h1
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 7px 0;
    visibility: visible;
}

h2
{
    font-family:"Palatino Linotype";
    color:#990000;
    font-size: 15px;
    margin: 0 0 7px 0;
    visibility: visible;
}

h3
{
    font-size: 11px;
    margin: 20px 0 0 0;
    border-bottom: 1px solid #ccc;
    visibility: hidden;
}

h4
{
    font-size: 14px;
    margin: -7px 0 0 0;
    visibility: hidden;
}

h5
{
    font-size: 12px;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #df1929;
    visibility: hidden;
}

h6{
    font-family:"Palatino Linotype";
    color:#6600CC;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 12px;
    margin:0px;
    visibility: visible;
}

hr
{
    height:0;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

h9{
    font-family:"Times New Roman", Times, serif;
    color:#000000;
    font-size: 14px;
    margin:0px;
    height: 1%;
}

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
ta bem estranho viu, aqui não consegui ver o erro no browser (IE 7), mas no FF ta meio desconfigurado.

é realmente está desconfigurado no FF, mas to com muita pressa, pois o site já está no ar na verdade, então queria acertar no IE pelo menos por enquanto para depois dar um jeito, estudar mais um pouco e colocar pra funcionar também no FF. o problema que ta dando no IE é o seguinte nos links citados acima, empresa, orcamento e clientes o conteudo da pagina ele fica cortado pela metade, ai eu aperto F5 de atualizar ai sim vem do jeito que tem que ser...

agradeco se alguém souber me ajudar :P

---------------------------

criacao de sites

criacao de logotipos

criacao de websites

Editado por paulovitor22
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...