Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1843 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1151401
gnarky
Sac à puces
Posté le 16-07-2005 à 19:13:01  profilanswer
 

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 ?

mood
Publicité
Posté le 16-07-2005 à 19:13:01  profilanswer
 

n°1151404
afbilou
pouet your life
Posté le 16-07-2005 à 19:19:13  profilanswer
 

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
n°1151407
gnarky
Sac à puces
Posté le 16-07-2005 à 19:20:45  profilanswer
 

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 !

n°1151413
afbilou
pouet your life
Posté le 16-07-2005 à 19:26:05  profilanswer
 

Bah ton calendrier -> tableau !!

n°1151416
Lund
Posté le 16-07-2005 à 19:27:47  profilanswer
 

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
n°1151418
masklinn
í dag viðrar vel til loftárása
Posté le 16-07-2005 à 19:30:08  profilanswer
 

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
n°1151419
afbilou
pouet your life
Posté le 16-07-2005 à 19:30:32  profilanswer
 

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 :|

n°1151420
gnarky
Sac à puces
Posté le 16-07-2005 à 19:31:23  profilanswer
 

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 ;)

n°1151421
gnarky
Sac à puces
Posté le 16-07-2005 à 19:32:54  profilanswer
 

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
n°1151467
plainsofpa​in
Pingouino's lover
Posté le 16-07-2005 à 21:06:56  profilanswer
 

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
mood
Publicité
Posté le 16-07-2005 à 21:06:56  profilanswer
 

n°1151476
snarky
Posté le 16-07-2005 à 21:21:48  profilanswer
 

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>

n°1151495
plainsofpa​in
Pingouino's lover
Posté le 16-07-2005 à 22:06:50  profilanswer
 

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
n°1151543
snarky
Posté le 16-07-2005 à 23:14:46  profilanswer
 

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 ?

n°1151552
masklinn
í dag viðrar vel til loftárása
Posté le 16-07-2005 à 23:22:46  profilanswer
 

<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
n°1151564
snarky
Posté le 16-07-2005 à 23:33:23  profilanswer
 

bah cherche un solution  donc voila ^^


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Probleme base access avec vb.netProblème pour validation w3c validator
Problème d'affichage apostrophesPetits probleme CSS[Resolu]
Problème pseudo-frame please help !Changer une classe d'un objet input [Résolu]
Problème redimensionnement image [RESOLU][CSS/HTML] Similaire sous IE & Mozilla ? Mission Impossible ?
Probleme menu deroulant html/css/javascript 
Plus de sujets relatifs à : Problème de compatibilité IE (pour changer) avec ma feuille CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR