Déplacement de bloc par rapport à un autre

Bonjour!

Je cherche à positionner des blocs div sur une page.
J'ai des soucis avec un bloc qui ne veut pas répondre à mes instructions!...Je voudrai tout simplement le déplacer par rapport au haut de la page (ou par rapport au div logo qui est au dessus de lui).
Rien à faire, le bloc div ''titre' reste bloqué tout en haut du conteneur principal.

Voici mon code :


[code=css
]#logo
{
float:right;
background:green;
height:165px;
width:920 px;
margin-top:0px;
}
#titre
{
background:blue;
height:35px;
width:920px;
text-align:center;
}
[/code]

Merci d'avance pour votre assistance!

Salut, l'unité de mesure vh représente la hauteur de ta page. Par exemple 100 vh représente la hauteur totale de la page. Tu pourrais essayer d'utiliser un margin-top avec cette unité de mesure pour placer ton contenu selon la hauteur de la page.

Bonjour, J'ai essayé, ça ne bouge pas non plus..

Bonjour,

Beaucoup de solutions selon ce qu'on veut faire vraiment.

Par exemple, on peut mettre #titre en position:relative; et indiquer un déplacement de ce #titre via la propriété top.

Voir https://jsfiddle.net/parsimonhi/u3e0r218/

Amicalement,