Ir para conteúdo

Arquivado

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

_ nEoN _

De Boiada do Tio NeoN

Recommended Posts

Tava coçando o saco no serviço e fiz 2 tipos de layout em tableless.

 

Fixed Centralizado: Layout determinado por medidas exatas, Tipicamente ele completa a janela do browser em 800px. Porem com a tendencia crescente das resoluções de 1024 / 768, a probabilbidade de layout forem feitos apenas para resoluções acima dessa cresce ainda mais.

 

Prós: Facil Imprementação.

Contras: Suporta apenas um cenario simples. Quebra de layout quando o texto do browser é ajustado.

 

Sites de Exemplo: http://www.news.com, http://www.aol.com, http://www.macromedia.com

 

Meu Layout: http://www.lepinskidesign.com.br/_docs/experiment01.htm

 

Liquid ou Fluido: Layout determinado por medidas relativas, tipicamente em % que cobrem 100% da área visivel do navegador. Porem com a tendencia crescente das resoluções de 1024 / 768, a probabilbidade de layout forem feitos apenas para resoluções acima dessa cresce ainda mais.

 

Prós: Acomoda-se em Qualquer resolução. Grande conteúdo de informação sem Scroll.

Contras: Gera grandes linhas de texto.

 

Examples: http://www.wired.com, http://www.sercotransarctic.com

 

Meu Layout: http://www.lepinskidesign.com.br/_docs/experiment02.htm

 

O Uso deles é livre. Faça o que bem entender, estude, bla bla bla...

Texto de explicação extraidos de: http://coda.co.za/archive/20050616/17:11:16

 

Todos em XHTML 1.1 Valido, Testado em IE 6.0, FF 1.0.4, Opera 8.01.

Consequentemente deve funcionar no Mozilla, Safari, e outros browser compilantes.

 

Usa poucos hacks, se me lembro foram 4. E tem definição apenas de <p> <ul> <blockquote>. See ya!

 

Estarei adicionando mais layout mais pra frente, aguardem rsss

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN

Compartilhar este post


Link para o post
Compartilhar em outros sites

O melhor material explicativo sobre css2:http://www.w3.org/TR/REC-CSS2/cover.htmlSite do w3, com tutoriais excelentes:http://www.w3schools.com/default.asp

O material da w3c é realmente bom, mas pra quem quer começar, acho que é meio complicado demais ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por isso isso que existe o fórum, para descomplicar!Mas é uma ótima idéia ler o material da w3c.[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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