Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Spice Boy

Div dentro de outra Div

Por , em Desenvolvimento frontend

Recommended Posts

Spice Boy    0

Spice Boy
Postado

Oi!

 

eu criei uma div dentro de outra div, so q ela não fica no lugar certo de jeito nenhum... olha ai:

 

<html>

<head>
<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>SGFB3</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%;
position:fixed;
}

#ads {
/** cor do fundo **/
background-color: #0E070E;
/** largura **/
width: 168px;
/** altura **/
height: 608px;
position:fixed;
float: left;
margin:10px;
left:0;
top:0;
}
</STYLE>
<body bgcolor="#150B14" topmargin="0">
<div id="layout">
  <p style="margin-top: 0; margin-bottom: 0">
  <img border="0" src="banner.jpg" width="800" height="440"></div>
<div id="noticias"></div><div id="ads"></div></body>

</html>

elas teriam que ficar nessas posições: http://i11.photobucket.com/albums/a181/sgfb/lay02.jpg

 

alguem pode me ajudar??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Está bem bagunçado o código... Tente algo assim:

#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:10px;}
Pra que tanto position:fixed?

 

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Spice Boy    0

Spice Boy
Postado

cara eu sou novato em divs...

eu ja vi alguns tutos e codigos diferentes de divs, so q nada tem dado certo...

 

eu to precisando resolver isso com uma urgência, ja tentei de tudo oq eu ja aprendi...

 

tem como você me dar um super help?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Viu as vídeo aulas? Veja elas e mais esses tópicos:

 

:seta: http://forum.imasters.com.br/index.php?/topic/222275-layout-fixo-3-colunas/

:seta: http://forum.imasters.com.br/index.php?/topic/223799-layout-fixo-2-colunas-menu-vertical/

:seta: http://forum.imasters.com.br/index.php?/topic/225340-propriedades-border-padding-margin/

 

Não é má vontade de ajudar, mas é que fica difícil se você não tiver uma base.

 

 

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Pense de maneira linear e em caixas, blocos.

 

Comece dividindo o lay-out verticalmente, depois horizontalmente. Fica mais fácil compreender a estrutura e posicionamento dos elementos.

 

Depois, em cada divisão horizontal, procure encontrar novas divisões verticais, e consequentemente, divisões horizontais, sempre tentando compreender o que é cada pedaço que você está dividindo.

 

http://img4.imageshack.us/gal.php?g=parte1b.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Spice Boy    0

Spice Boy
Postado

cara, eu tinha fatiado o site todo dessa maneira ai, mas cada hora alguem diz que seria melhor eu recortar o banner ocmum e tals, e msm com o layout todo fatiado, ainda tenho problemas com as divs...

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Bom dia,

 

Da uma olhada na estrutura (código da página) deste exemplo e tenta entender a lógica da montagem.

 

LAYOUT WEBSTANDARDS

 

Qualquer duvida é só postar.

 

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Spice Boy    0

Spice Boy
Postado

humm, entendi + ou -, mas meu layout as divs tem uns espaços, e estão em posições meio opostas umas das outras...

 

você viu a figuda do lay?

 

ai eu entendi esse codigo, mas o problema realmente esta sendo é q quando eu coloco pra vizualizar, fica tudo bagunçado, mas quando eu estou no editor, aparece tudo no lugar

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Não visualize o resultado pela IDE que usa! Até por que, nenhum cliente vai ver o site por lá. Quando eu estava iniciando em meus estudos de CSS, testava no Firefox, Chrome - Safari, Opera e os IEs. Isso no começo, pois não sabia ao certo como o CSS ia se comportar com a minha marcação HTML.

 

Depois de bastante treino, você começa a pegar o jeito de ir mais rápido e saber como a página ficará em cada browser.

 

No seu caso, faça isso, veja os links que eu passei, e teste nos browsers a cada atualização que fizer. Esse é outro ponto.

 

Você fazendo o projeto inteiro visualizando em apenas um browser terá mais problemas para arrumar quando achar um erro no IE, por exemplo.

 

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

André Severino    3

André Severino
Postado

Cara você quer começar a criar um projeto muito grande para quem não tem muito conhecimento em css, estruture seu site em tabelas mesmo para você ter uma noção de quantas colunas(blocos) você teve que usar, após isso, crie ele em css, não precisa importar as imagens de cara apenas coloque cor de background para cada lugar, ex: Banner: background-color: orange, e crie alguns layouts pequenos que usa apenas (banner+menu+conteudo+rodapé+sidebar) que você vai pegando o jeito.

 

Começe do começo, um portal desse tem que ter bastante conhecimento de css+html, pois vai usar float e position.

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Bom dia,

 

Discordo da afirmação:

 

"Estruture seu site em tabelas mesmo para você ter uma noção".

 

Desnecessário isso ao meu entendimento.

 

É preciso começar certo, ou seja, comece pelo começo, parece redundante, mas é a melhor opção.

 

Estruture sempre seu trabalho com padrões, bom para você e bom para o seu cliente, ambos ganham.

 

Não tenha medo de tentar, testar, errar, contestar, pois é assim que se aprende, colocando a mão na massa.

 

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

IvanNildo    0

IvanNildo
Postado

Realmente isso tá me parecendo meio complicado de se fazer... acho que se você está encontrando dificuldade nisso deveria começar por algo mais simples e depois com experiência passar a tentar montar esse portal!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito