28221 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai développé une petite page : http://www.piwu.net/temp/test/test_menu.php où j'ai été obligé de mettre
width: auto
à la balise div #titre (centre de la page) pour que le background puisse s'adapter à la resolution de l'écran/taille de l'écran.

Mon souci est que je ne trouve pas comment faire pour instaurer une largeur minimale au cas où la resolution/taille de l'écran serait trop basse ou bien au cas où la fenêtre du navigateur serait trop petite.

Lorsque l'on reduit la largeur de la fenêtre, le logo et le titre arrivent à se chevaucher alors que je voudrait qu'un ascenseur horizontal apparaissent quand la taille de la fenêtre est égale ou inférieure à 800px.

min-width n'est pas compatible avec IE et il m'est impossible de spécifier des width fixe pour un souci d'adaption cité plus haut.

D'autre part, mon padding-top n'a aucun effet sous IE. Voici un extrait de mon code :


#titre h1 {
  padding-top: 30px;
  background: transparent url("img/titre.gif") no-repeat bottom;
  height: 82px;
  width: 394px;
} 


Si quelqu'un a une idée, je suis preneur Smiley smile
merci d'avance,
matthieu
ps : ma feuille de style : http://www.piwu.net/temp/test/symex.css
Olivier a écrit :
Regarde du côté de min-width


J'ai testé pas mal de trucs avec min-width et j'y suis pas arrivé même sous FF. T'auras pas une piste un peu plus précise adaptée à mon problème ?