Bonjour,
Premier post sur ce forum...
Tout va bien sur ff et les autres sauf sur ie, le div contenant le texte ne s'agrandit pas à la mesure du contenu. Le texte trop long n'apparait pas à l'écran et l'ascenseur ne descend pas jusqu'en bas du contenu...
voici le CSS:
Voici le HTML :
Si quelqu'un par ici peut m'aider je serais ravie 
Merci d'avance pour votre précieuse aide.
Premier post sur ce forum...
Tout va bien sur ff et les autres sauf sur ie, le div contenant le texte ne s'agrandit pas à la mesure du contenu. Le texte trop long n'apparait pas à l'écran et l'ascenseur ne descend pas jusqu'en bas du contenu...
voici le CSS:
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
background: #ffffff url('bg-body.jpg') repeat-x;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
color: #455C83;
}
#global {
position: relative;
width: 920px;
height: auto !important;
height: 500px;
min-height: 500px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background: url('/bg-bleu.jpg') no-repeat;
}
#menu {
position: absolute;
width: 140px;
height: auto;
top: 325px;
left: 25px;
z-index : 10;
}
#menu ul, li {
list-style-type: none;
margin:0;
padding:0;
}
#menu ul {
position: absolute;
top: 0px;
width: 140px;
text-align: right;
padding-right: 8px;
border-right: 1px solid #ffffff;
}
#menu li {display: inline;}
#menu li a {
display: block;
height: 30px;
width: 140px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#menu li a:visited {
font-weight: bold;
color: #ffffff;
}
#menu li a:active {
font-weight: bold;
color: #ffffff;
}
#menu li a:hover {
font-weight: bold;
color: #455d83;
}
.texte {
position: relative;
margin: 0;
width: 716px;
top: 406px;
left: 195px;
font-size: 12px;
}
.texte h1 {
margin: 0 0 20px 0;
padding: 0px;
color: #819EBC;
font-size: 22px;
border: none;
text-indent: 140px;
font-weight: normal;
font-style: italic;
}
.texte ul {
margin: 12px;
padding: 0px;
}
.texte li {
margin: 6px 0 6px 16px;
padding: 0;
list-style-type: circle;
color: #455C83;
}
Voici le HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="global">
<div id="menu">
<ul>
<li><a href="#">Nos compétences</a></li>
<li><a href="#">L'équipe</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="texte">
<h1>titre</h1>
<h2>1 •</h2>
<h3>titre3 :</h3>
<p>blablabla très long</p>
<ul>
<li>liste 1</li>
<li>liste2.</li>
</ul>
</div>
</div>
</body>
</html>
Merci d'avance pour votre précieuse aide.
