Ir para conteúdo
Fórum Script Brasil
  • 0

DIV não fica no lugar certo

Spice Boy

Perguntado por Spice Boy,

 Share

Pergunta

Spice Boy

Spice Boy

Postado
Postado

Oi gente!

eu to fazendo tudo certo, pelo menos eu axo

olha ai o code:

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>
</head>
<STYLE type="text/css">
#noticias{
        height: 100%;
        width: 577px;
        position:fixed;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#ads{
        height: 620px;
        width: 180px;
        position:fixed;
        float: left;
        margin:10px;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#enquete{
        height: 217px;
        width: 259px;
        position:fixed;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#lightbox{
        height: 100%;
        width: 577px;
        position:fixed;
        float: left;
        left:0;
        top:0;
        z-index: 98;
        overflow:visible;
        background-color:#0E070E;
        opacity:0.9;
        filter:alpha(opacity=90);
}

</STYLE>

<body topmargin="0" bgcolor="#150B15">

<p>
<img border="0" src="banner.jpg" width="800" height="440"></p>

<div id="lightbox">

<p style="margin-top: 5; margin-bottom: 0" align="center">
<img border="0" src="noticias.png" width="566" height="36"></div>
<div id="lightbox">

</div>

<div id="ads">

<script src="http://www.fansitehost.org/ad_code_160.js"></script></div>
<div id="lightbox">

</div>

<div id="enquete">

</div>
</body>

</html>

a div ADS não fica ao lado da div noticias...

o codigo ta errado?

Link para o comentário
Compartilhar em outros sites

19 respostass a esta questão

Posts Recomendados

  • 0
*FIT*

*FIT*

Postado
Postado

Bom, na verdade seu código tem 1 erro, não costuma se usar o mesmo id para dois elementos, e no caso você está usando o id lightbox em 3, apesar que isso não vai influenciar no problema.

Outra coisa, seu código não tem nenhuma div "noticias", talvez por isso ela não fique aonde queira.

Link para o comentário
Compartilhar em outros sites
  • 0
Spice Boy

Spice Boy

Postado
  • Autor
Postado

coloquei ela la FIT, mas mesmo assim não foi nada pro lugar olha:

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>
</head>
<STYLE type="text/css">
#noticias{
        height: 100%;
        width: 577px;
        position:fixed;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#ads{
        height: 620px;
        width: 180px;
        position:fixed;
        float: left;
        margin:10px;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#enquete{
        height: 217px;
        width: 259px;
        position:fixed;
        left:0;
        top:0;
        z-index: 99;
        overflow:visible;
}

#lightbox{
        height: 100%;
        width: 577px;
        position:fixed;
        float: left;
        left:0;
        top:0;
        z-index: 98;
        overflow:visible;
        background-color:#0E070E;
        opacity:0.9;
        filter:alpha(opacity=90);
}
#adslightbox{
        height: 100%;
        width: 577px;
        position:fixed;
        float: left;
        left:0;
        top:0;
        z-index: 98;
        overflow:visible;
        background-color:#0E070E;
        opacity:0.9;
        filter:alpha(opacity=90);
}
#enquetebox{
        height: 259px;
        width: 217px;
        position:fixed;
        float: left;
        left:0;
        top:0;
        z-index: 98;
        overflow:visible;
        background-color:#0E070E;
        opacity:0.9;
        filter:alpha(opacity=90);
}
</STYLE>

<body topmargin="0" bgcolor="#150B15">

<p>
<img border="0" src="banner.jpg" width="800" height="440"></p>

<div id="lightbox">

</div>

<div id="noticias">

</div>

<div id="ads">

<script src="http://www.fansitehost.org/ad_code_160.js"></script></div>
<div id="adsbox">

</div>
</div>
<div id="enquetebox">

</div>

<div id="enquete">

</div>
</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Spice Boy

Spice Boy

Postado
  • Autor
Postado
Nossa cara, ta tudo muito confuso, como é que tem que ficar?

FIT eu refi os codigos olha:

http://www.spicegirlsforeverbrasil.com.br/teste/

e mesmo assim não ficou nada no lugar...

eles tem q ficar nessa posição: http://i11.photobucket.com/albums/a181/sgfb/lay02.jpg

já tentei de tudo, mas elas não ficam no lugar de jeito nenhum...

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Boa Tarde, evite fazer o que fez acima, postando repetidamente, antes que alguém responda. Qualquer duvida da uma lida na Regra 3.8 ;)

Em relação ao seu código, esta bem confuso, preciso parar e analisar certinho para poder dar uma resposta mais precisa, mas já vou adiantando que não vai ser em uma coisa só que terá que mexer.

De imediato, aconselho um div global, e todas as outras dentro dela, e não diretamente "soltas" no html.

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Bom, isso já vai facilitar para alinhas as outras depois, pois você define o tamanho dela de acordo com o tamanho total das divs juntas (no caso o tamanho do site).

Mas mesmo assim ainda vai precisar mexer em algumas coisas para arrumar, como disse não tive tempo de sentar com calma pra ver isso ainda, logo mais vejo isso.

Link para o comentário
Compartilhar em outros sites
  • 0
Spice Boy

Spice Boy

Postado
  • Autor
Postado (editado)

editado dia 14/07

Eu criei 3 divs, e usei tabela dentro de uma delas e dividi a tabela em 3 partes...

gente, eu to quase conseguindo, mas quando muda as resoluções de tela as divs so ficam no canto...

ai o print com a resolução 800x600

IE

http://img59.imageshack.us/img59/7561/printie.jpg

FIREFOX

http://img153.imageshack.us/img153/9581/printmozila.jpg

so q se eu vizualizar com a resolução 1024x768 as divs fican no canto:

IE

http://img641.imageshack.us/img641/4001/printie2.jpg

FIREFOX

http://img269.imageshack.us/img269/3474/printmozila2.jpg

Eu usei tabelas dentro da div, olha ai o code:

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 3</title>
</head>
<STYLE type="text/css">
#layout {
/** largura **/
width: 800px;
/** altura **/
height: 100%;
position:fixed;
}

#noticias {
/** cor do fundo **/
background-color: #0E070E;
/** largura **/
width: 557px;
/** altura **/
height: 100%;
float: left;
}

#ads {
/** cor do fundo **/
background-color: #0E070E;
/** largura **/
width: 168px;
/** altura **/
height: 608px;
float: right;
margin:5px;
}

#enquete {

/** largura **/
width: 553px;
/** altura **/
height: 100%;
float: left;
margin:3px;
}


</STYLE>
<body topmargin="0" bgcolor="#150B14">
<center>
<p>
<img border="0" src="banner.jpg" width="800" height="440"></p>

</center>

<div id="noticias">
  <p align="left" style="margin-top: 6">
  <img border="0" src="noticias.png" width="566" height="36"></div>
<center>
<div id="ads"></div><div id="enquete">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="553" id="AutoNumber1" height="291">
  <tr>
    <td width="275" height="291" bgcolor="#0E070E" valign="top" rowspan="3">
    <p style="margin-top: 5"> <img border="0" src="enquete.png" width="177" height="33"></td>
    <td width="8" height="303" rowspan="3"> </td>
    <td width="270" height="207" bgcolor="#0E070E" valign="top">
    <p style="margin-top: 5"> <img border="0" src="fadomes.png" width="177" height="33"></td>
  </tr>
  <tr>
    <td width="270" height="3"></td>
  </tr>
  <tr>
    <td width="270" height="98" bgcolor="#0E070E" valign="top">
    <p style="margin-top: 5"> <img border="0" src="top.png" width="177" height="33"></td>
  </tr>
</table>
</div></body>
</center>
</html>

bom, to quase xegando lá XD

gostaria de saber se alguém ai pode me ajudar com isso?

Editado por Spice Boy
Link para o comentário
Compartilhar em outros sites
  • 0
Spice Boy

Spice Boy

Postado
  • Autor
Postado
Você chegou a usar a dica que eu dei? Usando uma div global, que engloba todas as outras?

Faça isso e centralize essa div, como as outras estarão dentro dela, também ficarão centralizadas.

Oi Fit

eu tenter axar na net como fazer a div global, mas não axei nada (eu sou burro né?)

teria como você postar o codigo de div global???

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Não tem código de div global Spice Boy, vou te explicar melhor.

O que eu quero dizer com div global é apenas um div aonde todas as outras divs vão estar, por exemplo:

<div id="global">
<div id="topo"></div>
<div id="conteudo"></div>
<div id="menu"></div>
<div id="rodape"></div>
</div>

Assim, você pode percerber que existe uma div que engloba todo o site, sem conteudos e textos direto nela, apenas outras divs, assim, como eu havia citado, você centraliza essa div, determinar um tamanho pra ela, normalmente 900 ou 1000px de largura, e a altura vai depender do conteudo do seu site, a partir dai, você configura as outras dentro dela. Isso facilita muito na organização, é como se fosse uma tabela, você não monta uma tabela e configura os textos e todo resto a partir das <TD>? A idéia é a mesma, só que com divs, que é muito melhor.

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Cara, como já tinhamos dito a uma semana ou duas, tanto eu como o Thelon, da uma boa estudada em CSS primeiro, entenda como os elementos se comportam na página, veja para que, como e onde usar cada atributo, eu até poderia fazer a estrutura para você, porém tempo custa dinheiro, e o intuito do fórum e dar as coordenadas, fazer com que as pessoas entendam o porque e aonde estão errando, mostrar como resolver e tal.

Não precisa saber tudo, mesmo porque acho muito dificil alguém aqui saber, afinal, estamos todos aqui para aprender, mas para começar a desenvolver, precisamos ao menos ter uma boa noção de como tudo vai se desenrolar. Fica o conselho mais uma vez, e não precisa ter pressa de aprender tudo, vai com calma e não desista porque não está dando certo, tente aprender um pouco mais, e ai sim re-comece, com novas "forças".

Qualquer dúvida, continuamos por aqui.

Link para o comentário
Compartilhar em outros sites
  • 0
Spice Boy

Spice Boy

Postado
  • Autor
Postado

Obrigado por tudo mesmo FIT

mas eu já perdi mais de 1 mês com esse layout... já tentei de tudo mesmo, e olha q eu tava bem animado em fazer um layout estilo portal...

é uma pena eu desistir mesmo, mas é q eu já to atrazado pacas por causa disso

o jeito q eu fazer outro mesmo, no estilo comum: banner + 2 colunas e nada de CSS

abração ^^

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...