Problème de compatibilité IE (pour changer) avec ma feuille CSS

Problème de compatibilité IE (pour changer) avec ma feuille CSS - HTML/CSS - Programmation

Marsh Posté le 16-07-2005 à 19:13:01    

Salut a vous !
 
Voila je prépare le site de l'association de ma fac, à taton comme dhab.
http://ouafouaf1.free.fr/La_Palanche/v1/
 
Ca avance doucement, mais la j'ai un ptit probleme avec le menu.
J'ui ai donné un ptit effet avec le hover (les liens passent en italique).  
C'est sympa mais j'aime pas la facon dont ca fait bouger les cadres d'en dessous !
J'ai voulu y remedier ;)
 
Le css du div #menu:
 

Code :
  1. #menu
  2. {
  3. margin-left: 40px;
  4. margin-top: 120px;
  5. margin-right: 240px;
  6. }


 
J'ai pensé ajouter simplement la balise height avec une certaine valeur, afin que le bloc ne bouge pas. Ca a fonctionné parfaitement avec firefox, mais sous IE, voila que le menu va directement se cacher en haut de la page sous le titre -_-
 
Quelqu'un a une suggestion ?

Reply

Marsh Posté le 16-07-2005 à 19:13:01   

Reply

Marsh Posté le 16-07-2005 à 19:19:13    

oulalala tu aimes les <ul><li> au point de faire un calendrier avec plutot que d'utiliser un tableau mais pour ton menu tu ne penses pas a une liste [:frag_facile]
 
Pour ton menu utilise une liste et donne une dimension (largeur et hauteur) fixe (en em) a chaque element de la liste (li)


Message édité par afbilou le 16-07-2005 à 19:20:19
Reply

Marsh Posté le 16-07-2005 à 19:20:45    

d'accord !
A vrai dire le calendrier j'ai galeré comme un fou, ca m'a dégouté des listes ^^ J'vais essayer dans cette voie alors !

Reply

Marsh Posté le 16-07-2005 à 19:26:05    

Bah ton calendrier -> tableau !!

Reply

Marsh Posté le 16-07-2005 à 19:27:47    

Sinon si tu veux repartir vers ton idée de height, tu peux faire ça pour palier au "bug" d'IE:

Code :
  1. #menu
  2. {
  3. margin-left: 40px;
  4. margin-top: 120px;
  5. margin-right: 240px;
  6. height:80px;
  7. _padding-top:100px;
  8. }


Mais je pense que la meilleure solution est celle de afbilou, car celle là utilise un "hack" et un "hack" ben c'est pasbiendutout..


Message édité par Lund le 16-07-2005 à 19:28:03
Reply

Marsh Posté le 16-07-2005 à 19:30:08    

afbilou a écrit :

oulalala tu aimes les <ul><li> au point de faire un calendrier avec plutot que d'utiliser un tableau


C'est pas le seul à avoir fait un truc pareil, il existe pas mal de calendriers en listes sur le ouaibe (qu'il aurait pu récupérer :whistle: ), et le calendrier sous forme de liste se dégrade joliment quand pas de CSS ;)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 16-07-2005 à 19:30:32    

Ou sinon tu peux jouer sur la modification du padding des liens lors de l'evenment hover pour que la modification de largeur de police soit compensée par un padding qui va bien... mais ca oblige a de nombreux essais ... et pas garantis que ca fonctionne au pixel pres pour chaque navigateur :|

Reply

Marsh Posté le 16-07-2005 à 19:31:23    

hum
je programmais beaucoups de sites internet avant 1999, et les tableaux m'ont rendu fou^^
J'ai redecouvert la programmation net avec les css, et j'essaye autant que possible de ne plus utiliser de tableaux -_-
Mais effectivement comme j'ai l'intention d'ajouter des effets a mon calendrier, je crois que j'vais opter pour un table :o
J'ai du boulot hein ^^
 
Au passage, vous avez des conseils a me donner ? Tant au niveau du code que de l'interface ?
Le design n'est pas de moi, et comme cest un site associatif j'ai pas envie d'en faire qu'a ma tete ;)

Reply

Marsh Posté le 16-07-2005 à 19:32:54    

oui mon calendrier je l'ai récuperé, mais j'ai pris une bonne paire d'heure avant pour essayer par moi meme et un bon quart dheure ensuite pour comprendre comment celui ci est fait ;) Je l'ai choisi spécifiquement pacqu'il n'utilise pas de tableau -_-


Message édité par gnarky le 16-07-2005 à 19:33:57
Reply

Marsh Posté le 16-07-2005 à 21:06:56    

Faire un site sémantiquement correct avec mise en page css ne veut dire que tu dois sacrifier tous les tableaux, mais juste que tu dois dois utiliser ces derniers pour les sens sémantique (présentation de données tabulaires).
 
C'est tout !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 16-07-2005 à 21:06:56   

Reply

Marsh Posté le 16-07-2005 à 21:21:48    

plainsofpain a écrit :

Faire un site sémantiquement correct avec mise en page css ne veut dire que tu dois sacrifier tous les tableaux, mais juste que tu dois dois utiliser ces derniers pour les sens sémantique (présentation de données tabulaires).
 
C'est tout !


 
dans le cas d'un formulaire d'inscription faut-il utilser un tableau ou bien il y a mieu ?
j'aimerai pouvoir aligner tous mes inputs afin d'avoir quelquechose de bien organisé (comme le formulaire de phpbb)
 
pour le moment j'ai option pour les divs avec une valeur width pour chaqu'une des deux class enmployées.
 
<div class="champ">Champs</div><div class="valeur"> Valeur</div>

Reply

Marsh Posté le 16-07-2005 à 22:06:50    

Pour un formulaire, il est possible de magnifier tout ca avec les css ...
 
http://mammouthland.free.fr/cours/css/cours6.php
 
Sinon le floating ca marche plutot bien pour les formulaires. Et surtout ne pas hésiter à styler de manière discrète les éléments de formulaire.
 
Edit/PS : j'avais d'autre liens, je retrouve ca, mais bon mask ou Florent les mettront surement avant moi ^^'


Message édité par plainsofpain le 16-07-2005 à 22:07:20

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 16-07-2005 à 23:14:46    

c assez sommaire :S
 
voici ce que j'ai moua
http://sn4rky.free.fr/profil.php?mode=register
 
je cherche a savoir si ya plus simple.
je pensé a mettre 2 listes doté d'une certaine largeur côte à côte sinon ?

Reply

Marsh Posté le 16-07-2005 à 23:22:46    

<div class="nom"><label for="user_icq">Num&eacute;ro ICQ</label>: </div><div class="valeur"> <input id="user_icq" name="user_icq" value="" type="text" /></div>


[:petrus75]
 
tu sais que tu peux fixer la taille des labels et des inputs via CSS? [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 16-07-2005 à 23:33:23    

bah cherche un solution  donc voila ^^

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed