Bonjour !

J'ai besoin d'aide pour ma mise en page.

Mais avant toutes choses, voici mon écran :
Nom : 6739375f7a.png
Affichages : 310
Taille : 36,4 Ko

Donc voici ce que j'aimerais faire : Comme vous pouvez le voir ici, j'ai mon content qui est en plein milieu de ma page avec des valeurs Fixes (c'est volontaire)

J'aimerais "tout simplement" avoir une div sur la gauche de la page.
J'ai fais ceci :

Nom : f043dbea91.png
Affichages : 279
Taille : 36,6 Ko

Sauf que le problème est que, si je reduit ma fenetre, et bien la div left empiète sur ma div content !

Comment puis resoudre cela ?

Voici mon code :

index.html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="section" id="specialite">
     <div class="left"></div>
     <div class="content">
          <h2><span class="nhg-md"><strong>Je suis développeur </strong></span><strong>.NET</strong>.<span class="line"></span></h2>
          <div class="bgLine">

Et mon CSS (le code de left est "provisoire", j'entend pas la que c'est ce bout de code que je n'arrive pas a faire !)

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
#specialite .left{
	height: 520px;
	position: absolute;
	top: 50%;
	width: 1000px;
	margin-top: -260px;
	margin-left: -506px;	
	overflow: hidden;
}
#specialite .content {
	height: 520px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	margin-top: -260px;
	margin-left: -506px;	
	overflow: hidden;
}
Thx !