Jump to content


Photo

Espaço Entre A Div E O Browser


  • Faça o login para participar
5 replies to this topic

#1 phpnovato

phpnovato

    Turista

  • Usuários
  • 38 posts
  • Sexo:Não informado

Posted 30/12/2009, 10:26

pessoal,

criei uma DIV e preciso que ela tenha um espado de 10px entre ela e a lateral do browser. Como faço isso?

exemplo:
Attached File  Untitled-3.gif   10.13KB   3 downloads

Edição feita por: phpnovato, 30/12/2009, 10:33.


#2 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

Posted 30/12/2009, 11:08

Olá!
Tente o seguinte:

CSS
.container{
	margin: 0 10px;
}

HTML
<div class="container"></div>

Bons ventos!

(ok2)

[]'s

Fórum WMO - Administrador


#3 phpnovato

phpnovato

    Turista

  • Usuários
  • 38 posts
  • Sexo:Não informado

Posted 30/12/2009, 11:35

botei isso:

#acervo {
	position:absolute;
	top:53px;
	margin: 0 10px;
	width:100%;
	height:300px;
	z-index:9;
	background-color: #FFFFFF;
}

mas aparece uma rolagem horizontal :(

#4 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

Posted 30/12/2009, 12:04

basta remover o valor de largura.

deixe assim:

#acervo {
 position:absolute;
 top:53px;
 margin: 0 10px;
 height:300px;
 z-index:9;
 background-color: #FFFFFF;
}
(ok2)

Fórum WMO - Administrador


#5 phpnovato

phpnovato

    Turista

  • Usuários
  • 38 posts
  • Sexo:Não informado

Posted 30/12/2009, 12:09

removi a largura e não aparece mais a div :(

Edição feita por: phpnovato, 30/12/2009, 12:11.


#6 gabeatles

gabeatles

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 05/01/2010, 15:39

Bom dia é muito simples.
Para manter sempre os 10px, crie uma classe e nela vai assim.
<style type="text/css">
<!--
.mudando-margem {
	margin-right: 10px;
	margin-left: 10px;
}
-->
</style>

depois só jogar o conteúdo dentro de um DIV assim:
<div class="mudando-margem">
conteudo
</div>


acho que assim resolve.
Abraços

Edição feita por: Victor Hugo Odo, 05/01/2010, 16:10.
Inserir bbcode.

www.gabrielguarany.com




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq