none
VS2010 - espaços em branco (padding) em webforms RRS feed

  • Pergunta

  • Ola,

    Quando crio um projeto web no VS2010, nos webforms adicionados, por padrão ficam com espaços laterais, em cima e embaixo... algum tipo de "estilo", mas não encontro nenhuma definição.

    Isso acontece COM ou SEM o webform estar vinculado à masterpage.

    O que pode ser ?

    Obrigado


    Julio C.

    quarta-feira, 12 de março de 2014 13:59

Respostas

  • Julio, no seu arquivo CSS ou página HTML  adicione o seguinte código.

    <style>
    
    body
    {
            margin:0px;
    }
    
    </style>

    Você vai dizer que o TOP, BOTTOM, RIGHT E LEFT são 0 pixel de borda.


    Se a resposta foi útil por favor qualifique. Italo Biguzi Duarte, Desenvolvedor ASP.NET C#, Italo.biguzzi@gmail.com



    quarta-feira, 12 de março de 2014 20:14
  • Você está usando aquela masterpage default do VS2010, e essa parte que você quer alterar fica dentro de uma DIV com a classe MAIN aplicada.

    Veja no exemplo abaixo, que retirei as propriedades PADDING e MARGIN (canto inferior direito da imagem abaixo)

    Qualquer coisa, crie uma nova classe CSS e aplique a essa DIV, outra observação, se aplicar as propriedades CSS inline, ela sobrescreve as que estão em arquivo separado, mas não é recomendado devido a manutenabilidade, melhor que fique centralizada em arquivos CSS


    Se a sugestão resolver o problema, favor marcar como Resposta.


    • Editado Lucas_Santos quarta-feira, 12 de março de 2014 20:24
    • Marcado como Resposta Julio Costi quarta-feira, 12 de março de 2014 22:09
    quarta-feira, 12 de março de 2014 20:19

Todas as Respostas

  • Chegou a verificar na página renderizada se há Padding ?

    - No FireFox quando renderizar seu WebForm verifique com FireBug o que há de CSS na página

    - Verifique se possui algum arquivo com rotas de arquivos CSS que serão vinculados ao projeto


    Se a sugestão resolver o problema, favor marcar como Resposta.

    quarta-feira, 12 de março de 2014 14:21
  • Vc diz se há os espaçamentos na pagina renderizada, ou se aparece a tag padding no html gerado?

    Sim na pagina renderizada há os espaçamentos no contorno (fica um espaço branco)

    Mas a tag "padding", quando aparece, está sempre com valor 'zero'.

    Suspeitei ser coisa do navegador q estou usando.. testei noutros e tbm ocorre.

    Verifiquei outros projetos, também acontece isso... q estranho, eu nunca tinha reparado (muito menos outros da equipe)...

    mas agora como estou arrumando certinho o html para servir de modelo para as próximas paginas, queria deixar 100%... para depois "quando descobrir" não ter q mexer em tudo de novo.

    Desse esquema com o Firebug... já abusando.. pode desenhar? heheeh

    Valeu


    Julio C.

    quarta-feira, 12 de março de 2014 18:49
  • Firebug é um complemento para o FireFox na qual auxilia desenvolvedores a analisar aspectos da página renderizada. (Preferências por browsers é algo que varia de pessoa para pessoa, e particularmente uso mais o FireFox, por isso minha sugestão é baseada no FireFox)

    Após efetuar a instalação, execute seu projeto Web e assim que abrir a página no FireFox, pressione a tecla F12.

    Inspecione as tags body e html e veja as propriedades CSS e/ou arquivos CSS que são aplicadas em tempo de execução.


    Se a sugestão resolver o problema, favor marcar como Resposta.


    • Editado Lucas_Santos quarta-feira, 12 de março de 2014 19:39
    quarta-feira, 12 de março de 2014 19:37
  • Blz, vou tentar isso, mto obrigado

    Julio C.

    quarta-feira, 12 de março de 2014 19:59
  • Pelo firebug, não achei nada de diferente.

    Inclusive, eu até já tinha testado, remover os 2 arquivos css que tem referenciado na máster page, e tbm dá problema (fica tudo sem cor e desorganizado - obvio - mas continua o espaço.. o que me fez acreditar q não seria com o css).

    Capturei imagens, para exemplificar melhor:

    https://www.dropbox.com/s/51tbcd4l77sjq3b/borda1.jpg

    https://www.dropbox.com/s/zz5c2fu2yhjcpvr/borda2.jpg

    Aí da pra ver, o espaço em branco entre o canto do browser, e onde começa a pagina.

    Tanto usando a masterpage ou não,

    no exemplo 2 - o webform que usa a masterpage - da pra ver que o problema é no webform em si.. a masterpage fica nos limites do browser.


    Julio C.

    quarta-feira, 12 de março de 2014 20:11
  • Julio, no seu arquivo CSS ou página HTML  adicione o seguinte código.

    <style>
    
    body
    {
            margin:0px;
    }
    
    </style>

    Você vai dizer que o TOP, BOTTOM, RIGHT E LEFT são 0 pixel de borda.


    Se a resposta foi útil por favor qualifique. Italo Biguzi Duarte, Desenvolvedor ASP.NET C#, Italo.biguzzi@gmail.com



    quarta-feira, 12 de março de 2014 20:14
  • Você está usando aquela masterpage default do VS2010, e essa parte que você quer alterar fica dentro de uma DIV com a classe MAIN aplicada.

    Veja no exemplo abaixo, que retirei as propriedades PADDING e MARGIN (canto inferior direito da imagem abaixo)

    Qualquer coisa, crie uma nova classe CSS e aplique a essa DIV, outra observação, se aplicar as propriedades CSS inline, ela sobrescreve as que estão em arquivo separado, mas não é recomendado devido a manutenabilidade, melhor que fique centralizada em arquivos CSS


    Se a sugestão resolver o problema, favor marcar como Resposta.


    • Editado Lucas_Santos quarta-feira, 12 de março de 2014 20:24
    • Marcado como Resposta Julio Costi quarta-feira, 12 de março de 2014 22:09
    quarta-feira, 12 de março de 2014 20:19
  • Julio, no seu arquivo CSS ou página HTML  adicione o seguinte código.

    <style>
    
    body
    {
            margin:0px;
    }
    
    </style>

    Você vai dizer que o TOP, BOTTOM, RIGHT E LEFT são 0 pixel de borda.


    Se a resposta foi útil por favor qualifique. Italo Biguzi Duarte, Desenvolvedor ASP.NET C#, Italo.biguzzi@gmail.com




    Funciona, só que para a página inteira, vai inclusive pegar o menu pois o conteúdo da página estará dentro do <BODY>

    Se a sugestão resolver o problema, favor marcar como Resposta.

    quarta-feira, 12 de março de 2014 20:20
  • Bah era algo disso mesmo

    vi que o arquivo site.css (padrão que é criado) é cheio dessas margens, mesmo... putz

    mas achei estranho, pois eu tinha removido o arquivo antes, para testar,

    e também, criei webform sem usar a masterpage, para testar

    e não tinha surtido efeito

    Mas é por ali mesmo..

    Obrigado!!


    Julio C.

    quarta-feira, 12 de março de 2014 22:10
  • Mais uma ajudinha?

    e nesse caso, que o webform não está na masterpage padrão do VS2010?

    eu não me entendi ainda muito bem com esse Firebug... mas acho que nesse caso não tem css nenhum..

    https://www.dropbox.com/s/2f6rjwg6eoek5lh/firebug.jpg

    e ta com padding (aparentemente)

    https://www.dropbox.com/s/vva7kkemgsduapq/borda3.jpg

    obrigado



    • Editado Julio Costi quinta-feira, 13 de março de 2014 19:06 link
    quinta-feira, 13 de março de 2014 18:54
  • Ola, pessoal

    retomando essa questão

    estive fazendo outros testes, e me pareceu que o problema não é só por causa de algo padrão que se cria com projeto do VS2010.

    Criei um projeto em branco, do zero. Adicionei uma master page e um webform usando-a.

    sem nenhum css, sem nada.

    No primeiro teste, ja notei os preenchimentos.

    Vejam:

    no Firebug, quando estou sob o body da pagina, aparece os cantos preenchendo tudo, em verde.

    Jà no form (em diante... table, tbody, etc), fica o espaço dos lados.. sem nenhuma explicação (ainda).

    Deve ser algo bem simples, eu sei que tenho que estudar parte de html , css etc, mas gostaria de resolver ao menos isso, momentaneamente, para seguir o projeto. (para nao começar já errado e depois talvez ter que perder um tempão para resolver pagina por pagina)

    Obrigado!


    Julio C.


    • Editado Julio Costi domingo, 23 de março de 2014 13:39 imagens
    domingo, 23 de março de 2014 13:34

  • Julio C.

    domingo, 23 de março de 2014 13:39
  • Hum, parece algo relacionado a margem.

    analisando aqui (analisando com o firebug diversos outros exemplos), com a funcionalidade Exibição (canto direito inferior), reparei que algumas paginas fica com uma margem de 8 pre definida....

    Então, sera que acontece isso quando não fica explicito nada para o body, em relação a margem? isso é, obrigatoriamente, se não quiser margens tem que explicitamente colocar no body via css?

    Ou sera que, de alguma forma, existe um css "padrão", (mesmo sem ter nada no projeto) para o browser interpretar que tem margem de 8 ?

    Só quero entender. Na verdade a resposta do amigo Italo (apos complementada pelo amigo Lucas), que falou de colocar o estilo com margin 0 resolveria desde aquele momento... rss

    Obrigado


    Julio C.


    • Editado Julio Costi domingo, 23 de março de 2014 15:21
    domingo, 23 de março de 2014 15:05