je nage avec les CSS - pb de cadre

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : je nage avec les CSS - pb de cadre

Fazer916

y en a marre

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

Voila comment ça doit se passer:
le cadre LOGO s'affiche en 1er
cadre 1 ensuite

Code :

#LOGO { position:relative; float:left; }
#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 :

#cadre2 {
float:left;
width:99%;
margin-top:2px;
}
#cadre3 {
float:left;
margin-top:2px;
position:relative;
width:99%;
}

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 :

#cadre_gauche {
margin-top:15px;
float:left;
margin-right:15px;
}
#cadre6 {
margin-top:15px;
float:right;
width:200px;
}
#CONTENU {
margin-top:15px;
}

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

Publicité

Fazer916

y en a marre

ça n'arrive a personne les pb de compatiblité firefox ?

en gros voila ce que j'obtiens sur FF

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

0uPs

c pas possible

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

gebruik

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.

Message cité 1 fois

Fazer916

y en a marre

gebruik a écrit :

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

FORUM HardWare.fr

Programmation

HTML/CSS

je nage avec les CSS - pb de cadre

Sujets relatifs
[xhtml/css] faire un cadre avec image?	Css background d'un li au survol
Problème d'images liens en HTML/CSS	une gallerie d'images en CSS avec zoom au survol
[HTML / CSS ] Pb de div	DOM et fichier CSS
[AJAX] Problème de chargement dynamique de CSS	Probleme Gallerie photos CSS
CSS : mes png sont décalés avec internet explorer et pas avec firefox	[CSS] le lien actif garde un style
Plus de sujets relatifs à : je nage avec les CSS - pb de cadre

Page générée en 0.035 secondes