je nage avec les CSS - pb de cadre

je nage avec les CSS - pb de cadre - HTML/CSS - Programmation

Marsh Posté le 29-12-2006 à 16:45:38    

Bonjour,
je souhaite par l'intermediaire d'un fichier css, organiser mes cadres pour un site
seulement j'ai des gros pb avec les css qui font n'importe quoi selon les navigateur
 
voila en gros le plan du site
http://img401.imageshack.us/img401/6039/plan1ca9.jpg
 
Voila comment ça doit se passer:
le cadre LOGO s'affiche en 1er
cadre 1 ensuite
 

Code :
  1. #LOGO { position:relative; float:left; }
  2. #cadre1 { margin:10px; float:right; }


 
Deja a partir de la si je suis en coordonnées relative, le cadre LOGO descend de lui même d'au moins 10px, je sais pas pourquoi, alors qu'en absolus il reste tout en haut a raz du bord du navigateur.
 
Ensuite cadre 2 et 3

Code :
  1. #cadre2 {
  2. float:left;
  3. width:99%;
  4. margin-top:2px;
  5. }
  6. #cadre3 {
  7. float:left;
  8. margin-top:2px;
  9. position:relative;
  10. width:99%;
  11. }


 
Puis enfin je dois afficher les cadre 4, 5, 6 et CONTENU
 
les cadres 4 et 5 sont inclus dans un grand cadre gauche,
et CONTENU doit flotter entre les cadres 4, 5 et 6
 

Code :
  1. #cadre_gauche {
  2. margin-top:15px;
  3. float:left;
  4. margin-right:15px;
  5. }
  6. #cadre6 {
  7. margin-top:15px;
  8. float:right;
  9. width:200px;
  10. }
  11. #CONTENU {
  12. margin-top:15px;
  13. }


 
 
Seulement mon probleme, c'est que quand ça marche a peu pres correctement sous IE, sous firefox le cadre CONTENU remonte tout en haut, et est impossible a deplacer. Si j'augmente le margin-top le cadre fait redescendre tout le site, tous les cadres de haut en bas
 
Comment dois je faire mon CSS d'apres vous pour que je puisse obtenir le schema plus haut, et compatible firefox et IE ?
 
A votre avis est-il conseillé de placer les cadres 4, 5, 6 et CONTENU dans un DIV avec attribut clear: both ?
 
merci !


Message édité par Fazer916 le 29-12-2006 à 17:05:20
Reply

Marsh Posté le 29-12-2006 à 16:45:38   

Reply

Marsh Posté le 29-12-2006 à 18:27:18    

ça n'arrive a personne les pb de compatiblité firefox ?
 
en gros voila ce que j'obtiens sur FF
 
http://img176.imageshack.us/img176/8949/plan2oc2.jpg


Message édité par Fazer916 le 29-12-2006 à 18:30:09
Reply

Marsh Posté le 30-12-2006 à 21:16:32    

Salut

 

J ai un peu le même problème que toi voilà mon site www.oupsdunet.com.
Je suis débutant en programmation xhtml & css. sous firefox le cadre "contact" est bien placé. Cependant sous IE il se retrouve dans le corp du site pour une raison que j'ignore mais je crois que sa dépend des balises que tu utilises "margin". Enfin quoi qu'il arrive je préfère optimiser mon site pour firefox que pour internet explorer ^^.

 


Message édité par 0uPs le 30-12-2006 à 21:17:30
Reply

Marsh Posté le 01-01-2007 à 12:12:34    

Suivez les bons tuto que l'on trouve sur le net et essayez d'avoir un peu de plus méthode : le CSS ne se limitent à placer des blocks les uns en-dessous des autres et si vous essayez de transposer avec des div ce que vous faisiez avec des tableaux, vous aurez perpétuellement ce genre de problèmes.
 
Quant aux incompatibilités IE/Firefox, elles sont simplement dues à ce manque de méthode : IE passe en mode quirck dans certaines situations connues (oublie de déclaration de doctype, en-tête xml, etc.), sinon il n'y a aucuns problèmes et les incompatibilités concernent certains comportements.

Reply

Marsh Posté le 01-01-2007 à 17:08:05    

gebruik a écrit :

Suivez les bons tuto que l'on trouve sur le net et essayez d'avoir un peu de plus méthode : le CSS ne se limitent à placer des blocks les uns en-dessous des autres et si vous essayez de transposer avec des div ce que vous faisiez avec des tableaux, vous aurez perpétuellement ce genre de problèmes.


 
c'est a dire ?
les tutos sont bons pour placer 3 cadres cote a cote, mais qd il s'agit de remplir une page c'est different

Reply

Sujets relatifs:

Leave a Replay

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