Bonjour

J'ai déjà posté plus ou moins le même post, mais la question est différente.

Voici les screenshots que j'obtiens avec le code que j'ai mis plus bas:

En plein écran

En rétrécissant la fenêtre je perds la bordure entre les deux blocs

HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="templatemo_container">
 
    <div id="templatemo_header">
    	<div id="logosection">
	        <div class="sitelogo"></div>
        	<div class="sitename">Business</div>
        </div>
        <div id="header">
        	<div class="title">We Offer<br /><span class="bigtext">The Best Strategy</span><br />For your business.</div>
        </div>
	</div>
</div>
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
27
28
29
 
#templatemo_header {
	clear:both;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	width: 100%;
	height: 147px;
}
#templatemo_container {
	margin: 0px auto;
	width: 90%;
	margin-top: 15px;
	border:solid black 2px;
}
#logosection {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 20%;
	height: 147px;
	background-image: url(images/logo_background.gif);	
	background-repeat:no-repeat;
}
#header {
	margin: 0px 0px 0px 0px;
	width: 80%;
	float:right;
	height: 147px;
	background: url(images/heading_background_start.jpg) repeat-x;
}
Idéalement j'aimerai avoir le bloc de droite qui commence à la largeur du bloc de droit + 2px, mais comment faire c'est ça la question?

Merci de votre aide