J'ai répondu trop vite ^^
J'ai réussi à le faire proprement pour que ça fonctionne en firefox et IE7 (les autres pas encore testé)
HTML Code:
<div id="introduction">
<h1>Dekeyser SA</h1>
<div id="intro-underline">
<hr />
</div>
<div id="intro-msg">
<h2>Spécialiste en Cuisines</h2>
</div>
</div>
Code:
#introduction {
position: relative;
width: 40em;
margin: 5em auto;
}
#introduction h1 {
font-family: verdena, serif;
font-size: 6em;
font-weight: normal;
line-height: normal;
text-align: center;
color: rgb(32, 65, 98);
}
#intro-msg {
position: absolute;
top: 5.8em;
left: 0;
right: 0;
}
#intro-msg h2 {
font-family: verdena, serif;
font-size: 1.1em;
font-weight: normal;
line-height: normal;
color: rgb(32, 65, 98);
text-align: right;
padding-right: 4.5em;
}
#intro-underline {
font-weight: normal;
line-height: normal;
position: absolute;
top: 5em;
left: 0;
right: 0;
}
#intro-underline hr {
color: rgb(32, 65, 98);
border: thin rgb(32, 65, 98) solid;
}