Ir para o conteúdo
veaoum

[Resolvido] Configurar divs

Mensagens Recomendadas

veaoum

Boas pessoal existe alguma forma de eu conseguir colocar uma div a começar sem ser no inicio (mas este ponto não é fixo depende do tamanho da janela) e ela ir até ao fim da folha? é que da forma que estou a tentar defenindo o widht:100% não funciona porque ele vai colocar a div maior que a janela.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

O codigo css esta aqui

#fimpeqrodape{
min-width:921px;
max-width:100%
height: 70px;
position:absolute;
margin-left:103px;
margin-top: 557px;
background-color:#E28DC1;
text-indent:39px;
font-family: "Century Gothic";
font-size: 12pt;
}

Editado por veaoum

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

Boas eu não sei o que se passa mas não consigo carregar nos botões da resposta para inserir código e imagem. Mas coloquei a imagem em:

i9ar.pt/fotopap.jpg

Aqui está o resultado mas o que não queria que aparecesse era o que esta depois do cabeçalho, é possível?

Boas eu não sei o que se passa mas não consigo carregar nos botões da resposta para inserir código e imagem. Mas coloquei a imagem em:

i9ar.pt/fotopap.jpg

Aqui está o resultado mas o que não queria que aparecesse era o que esta depois do cabeçalho, é possível?

Um pequeno pormenor onde está:

max-width:100%

devia ser:

width:100%;

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

tenho uma solução ... mas não deixa de ser uma solução muito estranha :

<html style="margin: 0; padding: 0;">
   <head>
   </head>
   <body style="margin: 0; padding: 0;">
     <div style="height: 30px;"></div>
     <div style="border: 1px solid black; background-color: pink;">
         <div style="width: 600px; margin: 0 auto;">
           <div style="height: 30px; width: 600px; background-color: pink; position: absolute;">teste</div>
         </div>
         <div style="height: 30px; width: 50%; background-color: white;"></div>
     </div>
   </body>
</html>


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

Gostava de conseguir perceber o que ai está tu crias 4 divs:

1º: É apenas para dar uma margem em cima.

2º: crias a div em cor-de-rosa, pela folha toda.

3º. crias a div que fica na zona que queres escrever.

4º crias a div ao inicio branca.

Agora como é que garantes que ela vai ficar branca e que a 3ª div fica a rosa. Podes explicar-me?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

sim, a primeira div é só para não aparecer colado ...

depois tenho um div que irá ocupar toda a largura com o fundo de cor de rosa:

<div style="border: 1px solid black; background-color: pink;">
...
</div>

depois criei um div que irá manter as distâncias dos lados da página equidistantes mantendo a página centrada

<div style="width: 600px; margin: 0 auto;">
...
</div>

dentro desse div, tenho o conteúdo do footer que pretendes.

<div style="height: 30px; width: 600px; background-color: pink; position: absolute;">teste</div>

por fim, crio um div que irá "limpar" o lado esquerdo com branco

<div style="height: 30px; width: 50%; background-color: white;"></div>

o truque está no estilo de posicionamento do div : "position: absolute", e o uso do mesmo tamanho entre os div's : "height: 30px"


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

Mas porque é que na primeira div não usas dimenssões?Nem das a sua posição?

<div style="border: 1px solid black; background-color: pink;">
...
</div>

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

porque deixo isso para as div internas

Obrigado quando chegar a casa vou tentar colocar isto em prática, agora tenho que ir trabalhar.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
veaoum

Finalmente terminado, ficou Como sugerido. código final:

#barra{
   background-color: #E28DC1;
   margin-top:-70px;
}
#centro{
   width: 1024px;
   margin: 0 auto;
}
#textorodape{
   height: 70px;
   width: 921px;
   margin-left:103px;
   background-color: #E28DC1;
   position: absolute;
   text-indent:39px;
   font-family: "Century Gothic";
   font-size: 12pt;
}
#branco {
   height: 70px;
   width: 50%;
   background-color: white;
   }

O que acham?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.