A maneira certa de usar a propriedade Float no CSS
Buscando uma solução definitiva para lidar com os “elementos flutuantes” no CSS encontrei um tutorial completinho com o uso do Float no CSS.
O site indica a melhor maneira de posicionar botões, layouts com duas colunas e nos ensina didaticamente como fazer o melhor uso da propriedade. Quebras de layout e elementos tortos nunca mais!
UPDATE: Confira também este link com vários macetes para dominar a propriedade Float.
Ricardo Grana
Se ninguém comentou, após muito tempo, deixe-me agradecer, ha mto tempo estava atras de um tutorial desses.
Very thank you!
Paulo Miguel
Excelente Tutorial, muito simples e direto, continue assim
Paulo Miguel
Excelente Tutorial, muito simples e direto, continue assim.
Aprilo
Parabéns pelo link do tutorial float. Explicado de um jeito fácil de entender.
Obrigada.
TILiBRA
Muito obrigado !!!
Excelente, e muito bem detalhado !
Parabéns !
Alfredo
Ajudou em nada!!
Alfredo
Fraco demaissss !!
num tem nada aqui!!
alan
sempre achei que podia usar de qualquer maneira, então era por isso que minha coluna do meu blog fica em baixo da coluna do conteudo!!
Éder
Olá Richard,
Estou fazendo meu blog (www.yanaguita.com.br/blog) usando o belo tema Meta-Morphosis, do WooThemes. Nesse tema, na header do site, vem primeiro o menu das páginas, abaixo vem o espaço para logomarca do site e abaixo disso vem o menu de categorias.
Como há um espaço vazio ao lado direito da logomarca do site, gostaria de colocar um banner 468×60 do Adsense nesse espaço. O problema é que o style.css não dá suporte nativo para isso:
#header {width: 100%;height: 100px;padding:25px 0 20px 0;clear:both;position:relative;}
#header a {width:460px; height:100px; display:block;}
OBS: a “header a” se refere í logomarca do site.
Eu teria que usar aquele lance de “float” para minha idéia funcionar, certo? A questão é: como posso fazer isso, já que não sou expert em css? Alguma sugestão?
Raimundo Marvin
E a primeira vez que acesso seu site e acheio muito bacana , eu sou de São Luis do Marnhão e estava com dificuldade de usar float e dei de cara com seu magnifico tutorial, parabens por todo o trabalho
Eduardo Borgheti
OII… cara to com um baita problema aqui c vc puder me ajudar ficaria mto grato!
To trabalhando com 3 div e mais uma principal! div=esquerda; div=centro; div=direita;
o problema eh que nao consigo alinhar as 3 dentro da principal! esquerda e centro c alinham perfeitamente mas a da direita alinha mas fica sempre muito abaixo das outras! e a tag float: right só alinha para a direita mais não alinha no topo junto com as outras! jah fiz de tudo para alinhar mas não teve geito!
c puder me ajudar agradeço desde já!
[email protected]
Thanks for share!