ca serait encore mieux si tu pouvais nous faire des captures d'écran des différences entre les 2 affichages et lequel tu désires en réalité.

désolée, voici le code c'est tout simple
[code]
<div id="container">
<div class="logo"><img src="images/logo.png" width="320" height="160" /></div>
<div class="ruban" ></div>
<div id="menu">
<ul>
<li>titre1</li>
<li><a href="#">titre2</a> * </li>
<li><a href="#">titre3</a> * </li>
<li><a href="#">titre4</a></li>
</ul>
</div>
<div class="photo"><img src="images/sable.png" width="284" height="188" /></div>
<div class="texte"> blabalba<div>
</div>[/code]

merci

Ben oui mais là on a pas le html qui va avec, donc pas facile de comprendre, de tester, et de te répondre...

Bonjour
Voilà je commence tout juste a faire les sites qu'avec des css et j'ia un soucis
Le positionnement de ma page sur un 22 pouces et sur un 17 n'est pas du tout la meme
ca vient surement de mes positions absolute mais le probleme c'est que je n'arrive pas a corriger le truc
quelqu'un peut il me donner un indice
[code]
body{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: Georgia, "Times New Roman", Times, serif;
background-attachment:fixed;
background-position: center bottom;
background-color: #B6A987;
background-image: url(images/fond.jpg);
background-repeat: no-repeat;
}
#container {
width: 980px;
margin: 0 ;
text-align: left;
}
.logo {
height: 165px;
width: 320px;
margin-left: 70px;
margin-top: 60px;
z-index:3;
position:absolute;
}
#menu {
font-size: 14px;
font-weight: bold;
color:#fff;
text-align:left;
top:335px;
width:462px;
height:22px;
z-index:3;
left:373px;
margin-left: 25px;
position:absolute;
}
#menu ul { padding:0; margin:0; list-style:none; }
#menu ul li { display:inline; text-decoration:none; }
#menu ul li a {
color: #2E2A1E;
text-decoration:none;
}
#menu ul li a:hover {
text-decoration:underline;
}
.photo{
width: 296px;
float: right;
position:absolute;
z-index:3;
left: 585px;
top: 1px;
}

.photo2{
font-size: 12px;
color: #FFF;
text-align: justify;
width: 288px;
margin-left: 100px;
margin-top: 410px;
position: absolute;
top: 63px;
}


.ruban {
width: 1002px;
height: 238px;
background: url(images/ruban.png) no-repeat bottom center;
top: 184px;
left: 0px;
z-index:2;
position:absolute;
}
.texte{
font-size: 12px;
color: #FFF;
text-align: justify;
width: 420px;
margin-left: 400px;
margin-top: 300px;
position: absolute;
top: 63px;
}
.titre {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #454030;
}
[/code]

merci
nadege