Jump to content

Recommended Posts

Boa tarde pessoal, 

Estou começando com a programar e estou com uma dificuldade em um layout. Apos terminado seguindo os testes no Mozilla firefox, e apos abrir no Google Chrome esta tudo fora, os box. 

Alguem poderia me ajudar ?

Segue anexo para analise.

Grato.

 

 

CHROME.jpg

MOZILLA.jpg

Share this post


Link to post
Share on other sites

Rapaz por desconhecer o HTML e CSS, ninguém aqui vai poder ajudar...

O que posso dize é que use o console de inspeção no browser para localizar o problema.

Ctrl + Shift + I no Chorme ou Ctrl + Shift + C no Mozilla

Assim sendo você poderá analisar item por item o porque do vazamento.

 

Sendo leviando posso dizer que o problema é uso da propriedade width que são fixos ao invés de relativos.

Mau ou uso indevido de overflow's.

Tags não fechadas ou não escapadas.

Uso indevido de tags para posicionamento má definição (cada tag tem sua função especifica no documento html).

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Motta
      Microsoft Edge supera Google Chrome em testes de bateria e velocidade
       
      Estava usando o FF vou tentar o "beirada" :) ...
    • By Felipe1
      Estou tentando aplicar um código em um site que contem uma box com um numero que fica variando e dois botões. Preciso de um código que leia o que esta na box e após isso aperte um dos botões.
       
    • By AlexandrePrezzi
      Pessoal estou tentando configurar o Debugger pro Chrome no VSCode ...para um projeto em 'React' e acredito estar fazendo algo errado..
       
      1 ) Instalei a extensão do  Debugger do Chrome ..  
      2 )  Editei o launch.json da seguinte forma
       
      { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, ] } Porem quando vou rodar  F5  nada acontece ... o Chrome nao abre ....
       
      Alguem teria alguma solução para isso ?
    • By cleomarjose
      Estou desenvolvendo uma extensão para chrome que tenho que passar por algumas telas de um site institucional, estou quase no final, mas agora estou desatando alguns nós, um deles é este, preciso clicar nesta tabela com javascript, mas não encontro onde posso dar o click virtual com java, se puderem me ajudar fico muito grato 
      <br><br> <tr onclick="javascript:preencherValoresPesquisaJson($('#idAtributo').val(),'PLANO GRATUITO',{'codigoClausulaServico':'577'});" onmouseover="$('.tabela-enderecos tr td').removeClass('row-preselected');$('.tabela-enderecos tr').mouseout();$(this).addClass('row-preselected');$(this).find('a').css('color', '#FFF');" onmouseout="javascript:$(this).removeClass('row-preselected');$(this).find('a').css('color', '#777');" class=""> <td class=""><a href="javascript:preencherValoresPesquisaJson($('#idAtributo').val(),'PLANO GRATUITO',{'codigoClausulaServico':'577'});" class="linkitem" onmouseover="javascript:$(this).css('color', '');" style="color: rgb(119, 119, 119);">PLANO GRATUITO</a></td> </tr>
    • By BelleFisio
      Olá! Bom dia!
       
      Tenho uma imagem que fica responsiva na maioria dos navegadores, porém no internet explore ela não fica responsiva. No iexplore ela tbm sai da posição correta, então fiz um codigo especifico para o iexplore (o posicionamento ficou correto, porém a imagem não esta responsiva)
       
      Teria alguma forma de corrigir isso?
       
      O codigo esta assim:
      <div class="conteudo"> <div id="cabeçalho"> <div class="logotipo"> <img src="arquivo/img/logotipo.png"> </div> </div> </div>  O CSS:
      .cabeçalho{width:90%;margin-left:auto;margin-right:auto;} .logotipo {width:100%;max-width:1000px;}} .logotipo img{width:100%!important;height:auto;max-width:180px;}  
      Obrigada
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.