attribut "position" et opera

attribut "position" et opera - HTML/CSS - Programmation

Marsh Posté le 21-04-2003 à 22:51:35    

'lut
 
j'ai utilisé d'attribut "position: absolute" pour placer des menus déroulant, ie et mozilla 1.3 les places a peut prêt correctement, enfin en tout cas ils sont allignés, alors que sous opera ils sont tout décalé (correctement alligné verticalement mais pas horizontalement):
 
http://www.eyecandy-project.com/ec/
 
voici ce que j'utilise:
 
 

Code :
  1. <table align="center" cellspacing="0" cellpadding="0" border="0" width="547">
  2. <tr>
  3.     <td style="position: absolute; top: 441px; left: 25px;">

 
 
est ce que je l'utilise mal, ou est ce qu'il y a "tweak" pour opera, ou une meilleur solution pour placer très précisemment des éléments et qui soit interprété de la même manière par les différents navigateurs?

Reply

Marsh Posté le 21-04-2003 à 22:51:35   

Reply

Marsh Posté le 21-04-2003 à 23:43:43    

Ce n'est pas tellement avec des tableaux qu'on utilise le positionnement absolu. Le positionnement avec les CSS sert justement à se passer de tableaux...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-04-2003 à 00:03:58    

du positionnement de <td>, j'avais encore jamais vu ça :D
 
Opera 6 a pas mal de problèmes de positionnement des éléments, ça fait peut-être partie de ses "bugs".


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 22-04-2003 à 00:20:23    

[:rougit]  
 
bon dites moi tout alors! non  ce que je veux dire, c'est: "je commence ou pour apprendre a positionner sans tableaux"? En même temps si le probléme vient d'opera....
Je veux tout savoir sur le positionnement  :p
 
antp> beh sans ça j'arrivais pas a postionner correctement les menus


Message édité par frenzy le 22-04-2003 à 00:21:04
Reply

Marsh Posté le 22-04-2003 à 01:28:07    

ok, merci!
 
bon j'ai tout de même fait un essai avec que des div, beh ça passe très bien sous opera, mais pas sous ie  :o les menus déroulant sont aligné en haut de la case même avec l'atribut valign="middle" :o

Reply

Marsh Posté le 22-04-2003 à 01:28:17    

Frenzy a écrit :

[:rougit]  
 
bon dites moi tout alors! non  ce que je veux dire, c'est: "je commence ou pour apprendre a positionner sans tableaux"? En même temps si le probléme vient d'opera....
Je veux tout savoir sur le positionnement  :p
 
antp> beh sans ça j'arrivais pas a postionner correctement les menus


 
tu peux positionner un tableau, mais pas une cellule d'un tableau. ça n'a pas de sens  [:totozzz]  tu peux décider de la TAILLE d'une cellule pas de sa position. ;)

Reply

Marsh Posté le 22-04-2003 à 11:39:30    

Frenzy a écrit :

ok, merci!bon j'ai tout de même fait un essai avec que des div, beh ça passe très bien sous opera, mais pas sous ie  :o les menus déroulant sont aligné en haut de la case même avec l'atribut valign="middle" :o


Heu... on parle toujours du même site ? Il est strictement identique sous IE et Mozilla :o


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-04-2003 à 11:50:19    

gm_superstar a écrit :


Heu... on parle toujours du même site ? Il est strictement identique sous IE et Mozilla :o


 
je l'ai pas mis ne ligne l'essai avec les div  :D

Reply

Marsh Posté le 22-04-2003 à 16:07:21    

bon l'informatique c'est très mystèrieux parfois et pas discipliné dutout :o ! Voici ce que j'obtiens en utilisant des div!  
 
sous ie les menus sont bien alignés et bien centrés, par contre la hauteur du cadre "divers" n'est pas le même que "tutoriaux" et "portfolio", alors que les attributs de taille (div et image) sont les même :/
 
sous opera graphiquement tout fonctionne bien, les menus sont alignés (c'est déjà ça), par contre ils ne sont pas positionné au même endroit que sous ie, du coup ils ne sont pas centrés
 
sous Moz, c'est la même que sous opera, sauf qu'en plus, les images de fond des menus n'apparaissent pas (sauf ceux du bas)
 
http://www.eyecandy-project.com/ec/div/
 
j'ai essayé de rajouter des div "contenant" mais ça ne régle pas mon probléme
 

Reply

Marsh Posté le 22-04-2003 à 16:12:59    

HotShot a écrit :


 
voir la faq en signature de gm_superstar


elle est sensas cette faq :love:
elle me donne presque envie de me lancer dans le web  :ange:


---------------
J'ai un string dans l'array (Paris Hilton)
Reply

Marsh Posté le 22-04-2003 à 16:12:59   

Reply

Marsh Posté le 22-04-2003 à 19:49:22    

personne a ne serai-ce qu'une petite idée de comment je peux regler ces "petits" problémes?

Reply

Marsh Posté le 22-04-2003 à 22:11:45    

Bon j'ai refais rapidement ta page ici
 
Je crois qu'on gagne pas mal en légèreté du code ;)
 
En fait, il n'y a pas besoin du positionnement absolu ici : on peut se contenter d'empiler des DIV les uns sur les autres et de jouer un peu avec les images de fond.
 
Je n'ai testé qu'avec Mozilla et Opera 7. Il faudrait me dire s'il y a un truc qui cloche avec IE.


Message édité par gm_superstar le 22-04-2003 à 22:42:44

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-04-2003 à 22:32:49    

Bravo GM. T'es le meilleur  :jap:  :hello:  
 
ça passe parfaitement même avec Opera 6.  :)

Reply

Marsh Posté le 22-04-2003 à 22:41:28    

Cool :)
 
Bon, il y aurait encore moyen d'alléger : si j'avais la maitrise des images, j'aurais fusionné les 2 images qui servent d'ombre en dessous de l'iframe et je les auraient mises en fond du div qui contient l'iframe.
 
Je pense qu'on peut aussi se passer des balises <form> vu qu'on ne s'en sert pas des formulaires pour poster quoi que ce soit mais juste pour utiliser les <select>, mais je sais plus si tous les navigateurs accepent ça...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-04-2003 à 22:43:05    

gm_superstar a écrit :

Cool :)
 
Je pense qu'on peut aussi se passer des balises <form> vu qu'on ne s'en sert pas des formulaires pour poster quoi que ce soit mais juste pour utiliser les <select>, mais je sais plus si tous les navigateurs accepent ça...


 
Je ne crois pas que cela pose un problème sauf avec les boutons radios (Mozilla aime pas et on peut cocher plusieurs boutons avec le même nom...  :D )

Reply

Marsh Posté le 22-04-2003 à 23:09:59    

gm_superstar a écrit :

Bon j'ai refais rapidement ta page ici
 
Je crois qu'on gagne pas mal en légèreté du code ;)
 
En fait, il n'y a pas besoin du positionnement absolu ici : on peut se contenter d'empiler des DIV les uns sur les autres et de jouer un peu avec les images de fond.
 
Je n'ai testé qu'avec Mozilla et Opera 7. Il faudrait me dire s'il y a un truc qui cloche avec IE.


 
 [:glaps]  [:glaps]  [:glaps]gm_superstar mon hero[:glaps]  [:glaps]  [:glaps]  
 
bon j'avais trouvé un moyen que tous les menu soient correctement alignés, par contre le code était bcp plus lourd puisque je foutais des tablos ds les divs...et puis moz refusait de lire mes images de fond avec l'attribut absolu :D
 
en tout cas merci bcp! Je vais regarder ça de plus prêt... et si t'as besoin de quoi que se soit ds mes cordes :D


Message édité par frenzy le 22-04-2003 à 23:10:21
Reply

Marsh Posté le 23-04-2003 à 00:12:52    

Bah, de rien ;)
 
Si j'ai besoin d'un bon designer pour mon (futur ?) site je saurais où chercher :whistle:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 23-04-2003 à 00:17:41    

Reply

Marsh Posté le 23-04-2003 à 00:21:52    

gm_superstar a écrit :

Et le conditionnel banane ? :kaola:  


ne s'applique pas dans ce cas. D'ailleurs, c'est l'ensemble de ta phrase qui souffre d'une incohérence syntaxique :D

Reply

Marsh Posté le 23-04-2003 à 00:23:11    

Le conditionnel ça ne se met pas après un présent. C'est comme le futur antérieur, ça se met après l'imparfait.
 
"Si j'*avais* besoin d'un bon designer, je saurais où chercher"

Reply

Marsh Posté le 23-04-2003 à 00:24:55    

Reply

Marsh Posté le 23-04-2003 à 00:25:53    

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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