Jump to content
veaoum

[Resolvido] Configurar divs

Recommended Posts

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.

Share this post


Link to post
Share on other 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;
}

Edited by veaoum

Share this post


Link to post
Share on other 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%;

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other 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?

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other 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>

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other 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?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.