Aller au contenu

Sujets conseillés

Posté

Bonjour à tous,

j'ai un petit problème mais qui me fait perdre du temps.

J'ai une page html simple qui contient un menu en haut, c'est simplement un calque qui contient des liens hypertextes et une image d'arrière plan.

Voici le code html:

<div id="menuhaut"> 
 <table width="100%" cellpadding="0" cellspacing="0">
   <tr> <a href="#">Plan du site </a>| <a href="#">Plan d'accès </a>|<a href="#">
     Nous contacter </a> </tr>
 </table>
</div>

j'applique à cela le code css suivant :

#menuhaut {
position: absolute;
width: auto;
background-image: url(test_files/test_topstrip.gif);
height: 24px;
left: 0px;
z-index: 1;
top: 132px;

}

Sous ie le calque qui contient ces éléments prend bien toute la largeur de ma page (comme je le souhaite) mais sous mozilla le calque est réduit il ne fait plus qu'un tiers de ma page et se stoppe après les liens.

Est-ce que quelqu'un saurait résoudre ce problème svp ????

merci d'avance.

Posté

Bonjour,

Le width: auto; ne fonctionne pas très bien.

Pourquoi ne pas indiquer une largeur fixe ou extensible ?

Cordialement

Posté (modifié)

C'est que je souhaiterais que mon site s'adapte autant en 1024 qu'en 800*600.

Cela posera t-il un pb de mettre une taille fixe pour passer en 800*600?

Merci de ta réponse.

Modifié par jack24
Posté
Bonjour,

Le width: auto; ne fonctionne pas très bien.

Pourquoi ne pas indiquer une largeur fixe ou extensible ?

Cordialement

<{POST_SNAPBACK}>

Oui il suffit de mettre un width de 760 pixels ou alors de creer un design extensible avec un width de 100%.

Cordialement

Posté (modifié)

En effet, en procédant ainsi ça fonctionne sous les 2 navigateurs.

Il ne me reste plus qu'a le tester en 800*600.

Merci de votre aide.

Modifié par jack24

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...