Probléme de fixation de <div> et <hr> !!!!

Résolu
Bonjour,



j'ai une grande problème avec le <div> quand je change la résolution de mon écran, la position de <div> se change
voici les images pour mon probléme
avec une résolution 1152*864
http://imageshack.com/f/cb24929762j

avec une résolution inférieure
http://imageshack.com/f/0q49235631j

mon code source :
mon image de background : http://imageshack.com/f/m9backng

test.html

<html>

<body style="background:url(back.gif) repeat-y center;margin-left:126px;margin-right:126px;">

<div style="width:900px;background-color:orange;">
sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>sdgsjhdsdhgs<br>
</div>

<hr>
<h1>c'est le debut.....:)</h1>
<h1>marwen109</h1>
</body>

</html>

merci d'avance de votre aide d:)

3 réponses

  1. Alors là, c'est plus simple

    <div align="center"><div style="background-color:orange; width:900px ">hello</div></div>
    
    0
    1. merci de ton réponse rapide
      malheureusement ca marche pas :(
      le méme probléme se répéte , je croit que j'arrivé pas a bien expliqué....
      bon tous que ce que je veux c'est que la zone "orangé" reste toujours au mileu "entre les deux traits de mon image back.gif" avec n'importe quelles résolutions
      comme montre ceci http://imageshack.com/f/cb24929762j
      0
      1. Le problème vient de là où tu définis la largeur de ton div, donc remplace la ligne

        <div style="width:900px;background-color:orange;"> 

        par
        <div style="margin:5px 126px; background-color:orange; ">
        0