Ir para conteúdo

POWERED BY:

Arquivado

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

gorpo

Problemas com lay_out

Por , em Desenvolvimento frontend

Recommended Posts

gorpo    0

gorpo
Postado

Tô com esse código, tentando montar meu lay_out com css.

 

#topo{	width:708px;	height:105px;}#menu{	background-image:url(../images/demonst_06.gif); background-repeat:repeat-x;	width:708px;	height:25px;}#conteudo{	width:708px;}#base{	width:708px;}#conteudo_principal{	width:490px;}#conteudo_noticias{	width:200px;	background-color:#600;	float:right;}#conteudo_secundario{	width:490px;}--></style></head><body><div id="topo"><img src="../images/demonst_03.gif" width="708" height="105" /></div><div id="menu">Content for  id "menu" Goes Here</div><div id="conteudo">  <div id="conteudo_principal">Content for  id "conteudo_principal" Goes Here</div>  <div id="conteudo_secundario">Content for  id "conteudo_noticias" Goes Here</div>  <div id="conteudo_noticias">Content for  id "conteudo_secundario" Goes Here</div></div><div id="base">Content for  id "base" Goes Here</div></body></html>

Porém o div conteudo noticias, fica fora do div conteudo na visualização.

 

O que está errado?

 

O float não deveria mandálo para a direita e pro topo ao mesmo tempo?

Os outros dois divs dentro do div conteudo etm uma margem de 10px para ele.

 

Que que foi? Que que foi? Que que há?

 

Abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Tá com dúvidas com relação a layout?

Olha os dois links que podem (e acho que irão) ajudar muito você!!!!

 

2 colunas

 

3 colunas

 

De uma boa lida, qualquer dúvida, por favor, volte a postar!

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

#conteudo{

width:708px;

display:table; /* acrescenta isso */

}

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

gorpo    0

gorpo
Postado

#INSIDE# não funcionou.Gio, valeu pelos artigos, mas a dúvida não é bem sobre isso, acho que me expressei mal.O meu problema é com o float, que está se posicionando fora do div pai.Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

O que exatamente você quer fazer?Rodei esse seu codigo aqui no navegador mas é uma coisa totalmente sem corpo ainda...Qual a sua necessidade?[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Crie uma div geral para englobar todo o site que fica mais fácil.

 

<div id="geral">

<div id="topo"></div>

<div id="conteudo"></div>

<div id="rodape"></div>

</div>

 

Fica bem mais fácil de trabalhar.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

gorpo    0

gorpo
Postado

#INSIDE#Quero fazer um site com um topo, menu horizontal, conteudo e rodapé, não em colunas, mas em linhas.Dentro da div do conteudo, quero uma estrutura com duas linhas (conteudo geral e destaque de produto ou serviço) e uma coluna lateral com as últimas notícias.Você pode perceber pelo código, que está quase certo, falta somente a div das noticias ficar alinhado ao topo do div pai "conteudo".Gio!, vou experimentar sua sugestão.Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gorpo    0

gorpo
Postado

Problema resolvido.Foi só alterar a ordem de leitura dos divs "filhos" dentro do div conteudo.Com esta ordem, funcionou!!! <div id="conteudo_noticias">Content for id "conteudo_principal" Goes Here</div> <div id="conteudo_principal">Content for id "conteudo_principal" Goes Here</div> <div id="conteudo_secundario">Content for id "conteudo_principal" Goes Here</div>Obrigado #INSIDE# e Gio!Abs.

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