[TUTORIAL] Tableless

[gimbras]

Ah mi no me gusta copiar código. Queria descobrir por mim próprio. Aliás, já tenho um menu com esse comportamento, só ainda não empurra o 2º menu para baixo. Agora claro posso ir ver como fonte de inspiração.



Cumps.
PS: Zephyr SGC? What the hell is this? :O

[Spread]

Para que a segunda div seja empurrada para baixo tens que colocar

Código:

clear:left;

(No meu caso é left pois eu quero que fique por baixo do que está à esquerda.)

Cumps

PS-Zephyr Sistema de Gestão de Conteúdos, foi um site que fiz (para portfolio).

[gimbras]

Só isso? Xi, que fácil.

Thanks.

[gimbras]

Epá, o clear só tem direita e esquerda. Não tem top nem bottom.

Se uma div cresce de cima e tenho outra a fazer o footer do site, a primeira sobrepõe-se na seguinte.

Cumps.

[Spread]

Tens também o clear:both; ou seja não deixa sobrepor à esquerda nem à direita (para se fazerem os footers por exemplo).

Cumps

[gimbras]

Ok, implementei essa CSS, contudo o footer desapareceu. :S Que coloco na position?

O footer tem imagens de fundo.

Vê aqui como está a ficar.
EDIT: Está concluído.
Cumps.
PS: Vou mas é continuar a ler esse link que deixaste.

[gimbras]

Um bom link que é fundamental no panorâma do tableless e que já deixei noutro tópico é o Glish.

Realmente fundamental.

Cumps.

[gimbras]

Outro mais que excelente link e provavelmente a Bíblia da História das CSS é, sem dúvida, o css Zen Garden: The Beauty in CSS Design.

Cumps.