CSS - quelques petits soucis

3 réponses
AuteurMessage

erwinol |
Membre

Photo de erwinol

Inscrit le : 09/05/2005

# Le 11/07/2005 à 17:47

Bonjour à vous, pros de CSS

Je réalise un site pour une association pour handicapés. Evidemment il va falloir que je me renseigne sur les règles d'accessibilité mais c'est pas le sujet de mon topic.

J'ai quelques petits soucis dans la mise en page en CSS.

Voici 2 liens : (pour le moment ce sont de simples pages statiques dont seul le contenu change)

1) http://www.rentabilisation.com/sites/handicap-amit...Ouvrir dans une nouvelle fenetre

Sur cette page où le menu est plus long que le contenu, il y a juste un petit soucis en dessous du logo sous IE. J'ai pourtant mis des "margin: 0;" partout.

Sous FF, pas de problème au niveau du logo mais le menu ne s'étend pas jusqu'en bas et le contenu de ce menu traverse toute la page.

2) http://www.rentabilisation.com/sites/handicap-amit...Ouvrir dans une nouvelle fenetre
Sur cette page où le contenu est plus long que le menu, même problème que sur l'autre page sous le logo avec IE. Sous FF, je n'ai pas ce problème.

Sous IE et FF, un problème au niveau du menu qui ne s'étend pas jusqu'au bout.


Pour tenter de résoudre le problème de logo sous IE, j'ai tenté avec des "margin: 0;" partout mais rien n'y fait ! Le problème se situe certainement ailleurs.

Pour le problème de menu, j'ai tenté des "height: auto;", "height: 100%", des "min-height" etc... mais rien !

Avez-vous une idée de la provenance de ces problèmes ?

Merci d'avance !

jerome347 | Jérôme
Membre

Photo de jerome347

Inscrit le : 09/05/2005

# Le 11/07/2005 à 18:21

Pour le problème du menu, si tu enleve height: 500px dans #leftMenu ça marche mieux :

http://jemenvol.net/_dev/erwinol/index2.htmlOuvrir dans une nouvelle fenetre (menu + grand)
http://jemenvol.net/_dev/erwinol/index.htmlOuvrir dans une nouvelle fenetre (contenu + grand)

Pour le décallage du logo, c'est juste que dans ton code source tu as un saut de ligne entre </a> et </p>. Si tu recolle le tout ça marche mieux.

erwinol | Erwin
Membre

Photo de erwinol

Inscrit le : 09/05/2005

# Le 11/07/2005 à 18:37

Merci infiniment Jerome

Je pensais que les sauts de ligne n'avaient aucune influence sur le rendu. Tu m'as appris quelque chose.

Concernant la hauteur du menu, c'est beaucoup mieux également. Le contenu du menu ne traverse plus tout le footer.

Est-t'il possible de pousser le menu à s'étendre sur toute la hauteur ? Je voudrais avoir une colonne jaune page s'étendant sur le coté gauche ... c'est plus esthétique

jerome347 | Jérôme
Membre

Photo de jerome347

Inscrit le : 09/05/2005

# Le 11/07/2005 à 23:16

erwinol a dit :
Merci infiniment Jerome

De rien

erwinol a dit :
Est-t'il possible de pousser le menu à s'étendre sur toute la hauteur ? Je voudrais avoir une colonne jaune page s'étendant sur le coté gauche ... c'est plus esthétique

Ca, c'est qqch que je n'arrive jamais à faire quand je veux le faire et que j'arrive à faire quand ce n'est pas important
Cherche sur google qqch comme "css 2 columns" et tu devrais trouver quelques exemples qui marchent.

Répondre

Vous ne pouvez pas participer au forum, car votre inscription n'a pas été validée. Pour vous faire valider en tant que Membre, cliquez ici.

© MHN - Tous droits réservés | CNIL N°844440 | 23/11/2024 18:30:30 | Généré en 4.97ms | Contacts | Mentions légales |