28173 sujets

CSS et mise en forme, CSS3

Bonjour.

Je bosse sur un site et l'emploi de la propriété float me pose quelques problèmes. Le menu monte sur le bloc de contenu au point de vue image de fond, mais le texte est, lui poussé.

Voici l'adresse du site, pour que vous puissiez constater le souci :
http://test.lordarkness.net/

Je voudrais que le menu se place comme sur cette image :
http://la.main.pourpre.free.fr/template_1.jpg

Je vous remercie d'avance,


Sephi-Chan
Modifié par Sephi-Chan (06 Jul 2006 - 00:03)
Bonjour,

ça se passe presque bien sous FF, effectivement sous IE la par contre !!!
Regarde juste si tu n'est pas un court en width car IE rajoute du margin et du padding et si tu es un peux juste ton bloc passe dessous.

ton conteneur fait 758px ton menu 168px et ton contenu 591px, 591+168 = 759 sauf erreur
Modifié par ghost (06 Jul 2006 - 00:17)
Oui... Je commence à perdre patience....
Je ne comprendrais décidément jamais la propriété float. Comment être sur que ça fonctionne ?

En autre aberration, je ne comprends pas pourquoi l'affichage des icônes du menu est si hasardeux sur IE.

Si quelqu’un avec un peu de temps pouvait tenter une explication voir proposer une solution efficace, j’en serais très reconnaissant, car la je perd un peu mais moyen, j’ajoute des lignes (sûrement inutiles) dans l’espoir d’avoir une solution.

N'y a-t-il pas un moyen de positionner le menu à gauche bloc principal sans recourir à Float, par des techniques plus "rationnelles" ?


Sephi-Chan
Modifié par Sephi-Chan (06 Jul 2006 - 09:43)
Tu devrais peut être essayer de donner quelques pixels de plus à ton conteneur principal.

M'est avis que tu as ce comportement car les blocs sont trop grands pour vivre l'un à côté de l'autre. C'est un comportement que j'ai souvent rencontré chez IE Smiley smile
Modifié par Jedi (06 Jul 2006 - 09:46)
J'ai obtenu une solution (cf. http://test.lordarkness.net/).

Mais le conteneur le conteneur merdouille un peu avec IE.

En dehors de ce bug, il n'y a plus que les bugs des icônes (toujours sur IE) à résoudre, de même que l'icone "Alchimie" qui ne s'affiche pas sur Firefox, alors qu'il le fait sur IE et Opera.


Sephi-Chan, espoir.
L'image de l'alchimie n'apparait pas pour une raison fort simple... le chemin y conduisant n'est pas correct, ou alors elle n'est pas en ligne Smiley smile
Hm... Il s'agissait la en fait d'un problème de casse : le nom de l'image sur le FTP portait une majuscule.

Apparemment IE et Opera n'ont cure de la casse, eux. Intéressant Smiley smile .

Merci bien.


Sephi-Chan


Ps : Pour ne pas ouvrir un nouveau sujet :

Sauriez vous comment donner une hauteur minimale de 400px au bloc central #contenu ?

Car quand j'applique min-height: 400px; ça ne fonctionne pas (ni height: 400px d'ailleurs) Smiley ohwell ...
Modifié par Sephi-Chan (06 Jul 2006 - 14:43)