Salut.
 
 
Dans un thème de type Prestashop, j'ai cette apparence en haut de mon thème de base :

 
Je souhaiterais, pour avoir plus simple, ceci :

 
 
D'où je code un margin-top (négatif) ...
Voici l'ensemble du code concerné, et en rouge mon ajout :
 

 
 
Mais au final, j'obtiens ça :

-> Mes 2 éléments "mon compte" et "panier"' viennent se chevaucher.
 
 
PS : ce bug est avec Firefox. Avec IE, j'obtiens ce que je veux !

Salut,
Il faut davantage faire confiance à FF qu'à IE concernant le respect des spec CSS. Donc je dirai plutot que c'est IE qui merde même si il te donne finalement ce que tu veux.
 
Je pense que c'est parce que tu donnes un margin-top à un élément inline (les li).  
 
Plusieurs solution à essayer :
- le mettre sur le ul
- ou utiliser position: relative; top: -3.8em; qui est fait pour ça
- et surement d'autres...

Hello.
 
Je suis d'acc' avec toi pour le 1 : c'est comme ça que j'avais commencé... Mais avec le même succès...
Je revois ça demain
 
@+

code html please

Hello
 
A l'origine c'est ça :

 
Que j'ai remplacé par ça (j'ai juste interverti la div "header" et la div "h1 id="logo" )   :
 

Ok..
 
En fait le plus simple et direct était de transformer le #header #header_user directement...
 
Avec par ex un :
margin:-3em 0em 0 0;
Au lieu de  
margin:0.6em 0.6em 0 0;
 
 
 
Edit :
Non, m..de.  J'avais oublié que ss Firefox ce n'était pas les mêmes résultats...  
Bref toujours coincé pour le moment...
 
Edit2 : en supprimant les clear left et text align, je reviens au bon résultat.. C'est ok now

Re-salut    
 
 
 
Je reviens avec mon @@ d'entete (via le theme prestashop de base)  
 
En fait, avec le même code, j'obtiens sous Firefox :

Et sous IE7 :

 
 
Coté code, ce qui est notable par rapport à ces menus serait :
 

 
(Si je joue du margin-top sur la derniere Div (avec une margin-top légèrement négative), c'est ok sous IE7, mais les menus, solidaires, se barrent vers le haut sous Firefox...)

bon on va faire simple :  
tu dois faire OK pour firefox ensuite tu patches pour IE
surtout pas l'inverse

" tu patches pour IE " : c'est à dire ?

c-a-d que tu fais d'abord en sorte que ton design soit comme tu veux sous FF.
 
Ensuite tu adaptes pour IE.
T'as deux options possibles :
- tu écris des règles CSS qui seront comprise par IE  
- tu les fais directement suivre par des règles qu'il ne comprendra pas et qui seront destinées à FF et autres nav qui suivent les specs.
(on utilise pour ça des sélecteurs qu'IE ne comprend pas et donc ignore)
C'est ce qu'on appelle des hack CSS.
 
Sinon tu dev ta CSS normalement pour FF et tu fais une CSS spécifique pour les IEs que tu chargeras par le biais des commentaires conditionnels dans le html.
 
La deuxième méthode semble plus fastidieuse mais c'est moins prise de tête je trouve.

Moui, tout ça ca ne va pas être simple-simple, dans la mesure où comme dit plus haut ce sont des pages sous Prestashop.  
 
Pas de "vraie page HTML" juste un paquet de pages .php reliées entre elles. On ne peut (presque) qu'agir sur le fichier css (et sur l'agencement des modules à partir du bloc "administration du site" - et c'est là que ca se complique, selon tel ou tel agencement, IE et FF vont l'interpréter différement, d'où mon "bug" plus haut par exemple...)

Pour charger une CSS spécifique t'as juste besoin de modifer le head vu que c'est là qu'elles sont chargées.

Je connais pas ce CMS dans le détail mais ça m'étonnerais que t'ai pas accès à des fichiers de templating...

Si bien sûr j'ai accès à tous les fichiers CSS. Pas de soucis là-dessus (d'autant plus que la majorités des éléments CSS sont sur un seul et même fichier).
 
Mais il y a aussi la façon dont les divers éléments sont présentés/imbriqués sur la page, et là j'ai moins de controle... Ce sont des "relais" entre fichiers php, de plus il ne faut pas trop bidouiller dedans : ça peut aussi rentrer en conflit avec le systeme de gestion/administration des modules...

En fait, avec Prestashop (que je découvre), il y a 1 seul et unique thème à la base. Et il est déjà assez (trop ?) élaboré.
 
Pas de "theme basic" comme chez Drupal ou CMSMS par exemple... (ou en tous cas je ne les ai pas trouvés !)
 
Je devrais creuser un peu là-dessus, retrouver de nouveaux themes gratuits et "basiques", pour greffer mes trucs par dessus ensuite, mais le peu que j'ai vu des thèmes gratuits n'était pas très emballants - moches et trop développés.
 
 
 
(PS : j'ai l'impression que Prestashop est plus à rapprocher de Joomla! : un gros truc "tout-fait" d'entrée, mais un peu difficile à gérer par la suite, à moins d'acheter des thèmes payants plus tard...)

Je ne parle pas de fichiers CSS mais bien de fichiers php.
Tu dois peut-être avoir un fichier du style header.php qq part...

Oui et je l'ai bidouillé 2 ou 3 fois.
 
C'est lui qui parle des 2 divs/ID que sont "header" et  h1 id="logo"
 
L'original est :
 

 
Et ma bidouille :
1. J'ai changé h1 id="logo" par div id="banniere"
(Evidemment j'ai fait de même dans le css)
2. Je les ai intervertis
3. J'ai mis un logo en gif et non jpg (transparence voulue...)
 
 

 
Ces bidouilles n'ont pas posé de soucis, sauf le fait que je les ai intervertis, peut-être...
(Ensuite suis revenu dans le CSS et j'ai bidouillé pour en revenir au résultat "ok" sous FF )

non moi je parle d'un fichier qui contient les balises <head> là ou se trouve les appels de feuilles de style.

Oui excuse, c'est alors header.php (et non .tpl)
 

 
(La feuille de style étant 'global.css')

Désolé je ne me suis pas penché sur le fonctionnement de smarty.

Pas grave...
 
 
@+ et merci quand même