Salut tout le monde !!!

Voile j'ai actuellement un petit soucis dans ma mise en page CSS.

Je voudrais faire 2 colonnes l'une à coté de l'autre, voila le problème c'est que j'ai un petit soucis de mise en page lorsque
je met du contenu dans mes colonnes comme par exemple un titre et un paragraphe.

Voici une petite illustration:
sans contenu:
Nom : colonne normal.PNG
Affichages : 135
Taille : 40,6 Ko
avec contenu:
Nom : colonne texte.PNG
Affichages : 180
Taille : 72,7 Ko

Voici le code CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#bloc-presentation{
    position:relative;
    background-color: red;
    background: url(Images/sprites/container-presentation.gif) no-repeat; 
    background-size: 90% 90%;
    background-position: center; 
    overflow: hidden;
    width: 100%;
    height: 1000px;
 
}
 
#bloc-presentation #tableau{
 
    height: 800px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5%;
}
#bloc-texte, #bloc-img{
    position: relative;
    background-color: blue;
    width: 49%;
    height: 100%;
    display: inline-block;
}
Merci d'avance pour votre aide !!!