Problemas no layout 
Autor: Fabio M.
Visitado 967,
Followers 1,
Compartido 0
Meu problea é que o layout de construção da página fica diferente na pré-visualização
Mando o arquivo desktop.zip que contem dois arquivos layot e previsualizacao.
Em Layout está o layout onde existe uma numerção que fiz para que entendam meu problema: 1, 2, 3 e 4. O que acontece é que quando mandou exibir a pré-visualização entre 1/2/3 e 4 existe uma espaço que não coloquei no layout como pode ser visto no arquivo Previsualizacao.
Como posso resolver isso?
Publicado en
Fabio,
Para corrigir este erro é simples; aperte as teclas ctrl+shift segure e mande visualizaar. somente solte as teclas quando terminar de abrir a visualzação.
outra solução, pelo que vi, é a largura do corpo da página. Isso pode fazer com que o objeto seja colocado abaixo.
Talvez se aumentar a largura da pagina para caber os 3 objetos na mesma linha.
Autor
Aumentei a largura e não deu certo e ctrl+shift também não
Autor
Desobri eu havia colocado um objeto html para botão com css com o seguinte código
no html coloquei isso
<a href="#" class="myButton">dark grey</a>
e no css
.myButton {
-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
box-shadow:inset 0px 1px 3px 0px #91b8b3;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
background-color:#768d87;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #566963;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:11px 23px;
text-decoration:none;
text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
background-color:#6c7c7c;
}
.myButton:active {
position:relative;
top:1px;
}
este objeto html tem quanto de altura? geralmente o objeto html tem altura fixa padrão d 350px.
se estiver assim, tenta passar altura para 20px para ver se vai diminuir; tem que ir testando as alturas