trabalho tutorial css

Tutoriais CSS, Web Standards,Acessibilidade, HTML, XHTML,Padrões Web
📧twitterfacebookgoogleplusyoutuberssParte superior do formulário Parte inferior do formulário
Posicionando relativamente o absolutoPublicado em: 31/03/2005Atualizado em: 23/03/2011Autor: HYPERLINK "http://www.stopdesign.com/" \o "Site do autor deste artigo" Douglas BowmanURL do original: HYPERLINK "http://www.stopdesign.com/articles/absolute/" \o "Site onde se encontra o original em ingles" http://www.stopdesign.com/articles/absolute/Título original: Making the Absolute, RelativeTraduzido com autorização expressa do autorO que há com os DIVs aninhados ?Recentemente um leitor curioso fez-me uma pergunta à propósito do redesign do site HYPERLINK "http://www.adaptivepath.com/" Adaptive Path :“Fiquei intrigado com o fato de você, na barra de navegação principal, ter posicionado absolutamente uma div um div dentro de outro que está posicionado relativamente.”A resposta simples para esta questão é: Porque eu buscava flexibilidade total para o cabeçalho e a navegação, e também, para manter a navegação a uma mesma distância do logotipo, independentemente de quanto o usuário redimensionasse o texto.Esta é a resposta estratégica demonstrando a racionalidade do método. Contudo eu imagino que meu leitor estivesse buscando uma resposta tática para a sua pergunta. E, para respondê-la de maneira direta, vou fazer algumas considerações e explicar como funciona o posicionamento absoluto nas CSS, usando minhas próprias palavras e estabelecendo comparação, com uso de um exemplo, mostrando um efeito diferente daquele conseguido na área de navegação do site Adaptive Path.Blocos de conteúdos (Contexto de posicionamento )Colocar um elemento posicionado de forma absoluta dentro de outro elemento posicionado de forma relativa é uma técnica mágica, frequentemente usada. O mais comum é ouvir-se exatamente o inverso: um elemento posicionado de forma relativa ocupa posição em volta de um elemento posicionado