Layout desalinhado!

[Tiago Henrique 0]

Olá pessoal, estou fazendo um layout mais estou quebrando a cabeça com ele. http://forum.imasters.com.br/public/style_emoticons/default/upset.gif<_<

 

O resultado que quero obter é este:

http://www.tiagohenrique.com/tiago/top2.jpg

 

Mais olha como está:

 

http://www.tiagohenrique.com/tiago/

 

Gostaria que alguém pudesse me explicar como alinhar o layout certo sem usar hacks nem nada. Para eu poder validar o css.

 

O problema maior que estou tendo é na parte do rodapé para encachar ele no meio...

 

O meu objetivo era ficar assim:

 

 

Então é isso gostaria que por favor alguém me ajuda se, a alainhar o layout em todos os browser de modo que em todos fiquem igual! E que me explique técnicas de alinhamentos em tableless.

 

Obrigado desde de já.

[RTaveira 0]

Posicionamento e Layouts - Bruno Dulcetti

Posicionamento e Layouts(Parte 2) - Bruno Dulcetti

Posicionamento e Layouts(Parte 3) - Bruno Dulcetti

[Tiago Henrique 0]

Nossa,obrigado! Vou dar uma estudada se tiver algum problema eu volto ao tópico hehe obrigado.

[Tiago Henrique 0]

Eu tive um problema

 

olhem como está:

 

http://www.tiagohenrique.com/tiago/

 

tudo certo mais eu gostaria de encachar um div no meio para entrar o conteudo tentei de várias formas mais sempre estraga o layout ele fica todo desalinhado. Alguém tem um solução?

 

Obrigado desde de já!

[RTaveira 0]

Você tem que estruturar as imagens pra quando você for pondo o layout ele vai se estruturando no mesmo.

[Tiago Henrique 0]

Olá,Então eu fiz isso tanto que mudei o rodapé do Layout porque estava de uma jeito muito díficil... Mas eu naum consigo colocar a div do meio (#conteudo) entre as divs da direta e da esquerda. Ja tentei de "tudo" mais não consigo hehe.Alguém sabe como fazer isso?

[webflex 0]

Olá,http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Eu não percebi a sua primeira questão do tópico, mas de acordo com esta sua ultima pergunta você deveria de brincar com a propriedade float. Por exemplo:CSS

div#esquerda { width: 200px; } div#centro { float: left; width: 500px; } div#direita { float: left; width: 200px; }

HTML

<div id="esquerda">Esquerda</div><div id="centro">Centro</div><div id="direita">Direita</div>

Cumps \o/

[Tiago Henrique 0]

webphlex, muito obrigado eu entendi agora o negócio do Float, deu certinho! hehe vlww obrigado!

[webflex 0]

Olá,É quando quiser, estamos aqui uns para os outros ;).Cumps \o/