Bonsoir,
J'ai développé une petite page : http://www.piwu.net/temp/test/test_menu.php où j'ai été obligé de mettre
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 :
Si quelqu'un a une idée, je suis preneur
merci d'avance,
matthieu
ps : ma feuille de style : http://www.piwu.net/temp/test/symex.css
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

merci d'avance,
matthieu
ps : ma feuille de style : http://www.piwu.net/temp/test/symex.css