Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

manoaj

[Resolvido] broplemas com scrollbar inferior

Por , em Desenvolvimento frontend

Recommended Posts

manoaj    12

manoaj
Postado

galera olhem só essa pagina é bem simples

css

*{
margin:0;
padding:0;
}
/**********************************************//**********************************************/
/**********************************************INICIO**********************************************/
/**********************************************//**********************************************/
#global_nav{
width:100%;
background:url(../images/barr.png);
height: 50px;
background-position: 0px 0px;
background-repeat: repeat-x;
}
#form_cad{
border:1px solid #C00;
width:980px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:200px;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
padding:5px;
}

 

e o codigo html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ideal MUSIC</title>
<link href="css/cadastro.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="global_nav"></div>

<div id="form_cad"></div>

</body>
</html>

o problema é o seguinte se eu diminuir a a janela e a scroll bar inferior aparecer e eu rolar ela pro lado direito aquela <div id="global_nav"></div> vai ter sua imagem cortada quando xegar perto do limite da div inferior <div id="form_cad"></div>

 

olhema imagem pra melhor entendimento

Capturar-1.png

como eu resolvo isso galera sem ter que usar tabelas ? :upset:/>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dárcio Gomes    10

Dárcio Gomes
Postado

bom, tem um geitinho brasileiro de ser resolver isso, que é: overflow-x:hidden;

 

defina isso no body de seu projeto, porém dependendo de sua aplicação isso não é muito recomendado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

manoaj    12

manoaj
Postado

bom, tem um geitinho brasileiro de ser resolver isso, que é: overflow-x:hidden;

 

defina isso no body de seu projeto, porém dependendo de sua aplicação isso não é muito recomendado.

um dexo ver isso kkk, pq geitinho brasileiro e gambiarra ? kkkkkkkkkkkkkkkkk

 

um dexo ver isso kkk, pq geitinho brasileiro e gambiarra ? kkkkkkkkkkkkkkkkk

kkkkkkkkkkkkkkkkkk testei aqui entendi o pq do geitinho brasileiro se por no body ele retira a scroll bar kkkkkkkkkkkkkk boa boa não é mesmo muito adequado , mas se alguem souber de outro modo :D

 

muito bom cara vlw vo usara te achar outra forma que não seja a tabela .

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dárcio Gomes    10

Dárcio Gomes
Postado

kkkkkkkkkkk... quase uma gambira mesmo... rsrsrsrs

não sei se percebeu mas o CSS nem lista esse comando e mesmo assim funciona.

mas se você quer resolver mesmo isso ocorre simplesmente por ter alguma DIV muito grande ver ver qual é e adeque ao tamanho das outras... :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

manoaj    12

manoaj
Postado

kkkkkkkkkkk... quase uma gambira mesmo... rsrsrsrs

não sei se percebeu mas o CSS nem lista esse comando e mesmo assim funciona.

mas se você quer resolver mesmo isso ocorre simplesmente por ter alguma DIV muito grande ver ver qual é e adeque ao tamanho das outras... :thumbsup:/>

hum beleza vlw mano:D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito