Jump to content
Rogério Bonfim

Problema com espaço da div

Recommended Posts

Estou fazendo um blog porém eu preciso colocar uma imagem em uma parte do blog aonde ela fique fixa horizontalmente e que não ocupe espaço caso a tela seja menor que a dimensão do quadro.

tentei fazer usando overflow hidden em uma div positon: absolute;

 

segue abaixo uma imagem do erro.

 

 

erro.png

 

 

 

 

Share this post


Link to post
Share on other sites

amigos não é isto. Voçês perceberam que a div com o background image está passando do conteiner?

eu quero que ela corte de acordo com a resolução da tela. e não saia do lugar. mesmo se não couber na tela ela nao

pode ter mais espaço para a direita

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 Sherlock02
      Olá!
       
      Eu estou tentando fazer um layout de postagem em que o primeiro ocupa a largura de 100%. Os demais são dispostos em grid, dois posts.
      (Vou anexar uma imagem para exemplificar o que desejo).
       
      Segue o código:
      .post:first-child{width:100%;position:relative;} .post{margin-bottom:60px;width:48.8%;float:left;background:#eee} .post:nth-child(2n+2){margin-right:30px;}  
      <div  id='mainwrapper'> <div class="post">   <div class="post-entry">        1 Post com width 100%. Here goes my post.   </div> </div> <div class="post">   <div class="post-entry">        2. Post com width 48%. Here goes my post.   </div> </div> <div class="post">   <div class="post-entry">        3. Post com width 48%. Here goes my post.   </div> </div>   </div><!-- mainwrapper--> Esse código que fiz não me satisfez por completo porque o post da direita não "gruda" no canto, então está ficando desigual o primeiro e os demais.
       
      Eu gostaria de saber se não existe uma forma mais prática de fazer esse código.
      Obrigada!

    • 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
       
       
    • By guirufino
      Site:http://platformwar.epizy.com
       
      Estou tentando fazer um site responsivo, mas estou tendo problemas com o (height:) o height: da galeira nao quer funcionar com a " % " não funciona, ja procurei de tudo na net e nao achei resposta.
       
      Eu peguei o código da galeira na internet, e comecei a modificar... só que tem esse código:
      Ta no Hmtl:
      <script>
              $('#games').coinslider({ width : "100%" , height: 500 , navigation : false , delay : 5000 , navigation: true , effect: 'rain' } ) ;
        </script>
       
      Aqui to tentando colocar 50% mais não funciona... eu queria que ele diminui-se confirme diminui a tela. (não sei nada de javascript).
      Se precisarem de algum Código eu mando
       
      CSS:
      #games  {position: relative; margin-top: 70px;  z-index: 0; margin-left: auto;  margin-right: auto; }
      .coin-slider {float: none; top:50%; left:50%; text-align: center; }
      .coin-slider { overflow: hidden; zoom: 0; position: static; }
      .coin-slider a{ text-decoration: none; outline: none; border: none;  }
      .cs-buttons {font-size: 0%; padding: 1%; float: left; position: relative; }
      .cs-buttons a {margin-left:5px; background:url(../cores-roleta/contadorcompleto.png);  height: 29px; width: 29px; float: left; text-indent: -1000px;}
      .cs-active { background:url(../cores-roleta/contador10.png); height: 29px; width: 29px; float: left; }
      .cs-title { width: 100%; padding: 2%; background-color:#000000; color: #FFFFFF; }
      .cs-prev,
      .cs-next { background-color: Transparent; color: #000; padding: 0px 10px; }
       
    • By ighormeno
      Boa noite, eu tenho um site em betheme e queria saber se é possível remover a responsividade apenas de uma página.
       
      Eu tenho uma pagina com o valor dos serviços porem são 3 colunas e quando abre no celular fica totalmente desorganizado e não da para entender referente a que se trata os valores.
       
      Alguem consegue me ajudar nisso?
       
      Link da página: https://azuresolutions.com.br/tabela-de-precos/
    • By alex2santos
      Meu site WordPress não está responsivo no celular, e não consigo resolver esse erro. Alguém pode me ajudar?
      http://moveiscomplemento.com/categoria-produto/beleza-e-saude/

×

Important Information

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