Texte sort en bas de l'image sur IE

Question

Bonjour à tous, Ayant beaucoup cherché et essayé différents trucs = je n'ai pas trouvé : ( mon site est en xhtml 1.0 strict, utf-8 ) tout est OK sur FireFox : rendu et validation ) mais sur IE mon texte sort =dépasse en bas de l'image. En réduisant le " top " ou la police, cela laisse trop d'espace sur FireFox, donc ce n'est pas la solution. voila le code concerné , si vous voulez m'éclairer ? : HTML :

image eclairante

******* CRITIQUE ******

Chacune de ses œuvres est une porte ouverte sur un monde d'Amour. Ses créations sont pour lui un moyen de ne plus être assujetti au temps intervalle et d'entrer dans le Présent absolu. Le temps n'a plus prise dans ses œuvres, pourceux qui osent s'y oublier comme en méditation. Sa voie a été influencée par celle de Nietzsche, Goethe, Steiner, Durkheim, Krisnamurti, Hermann Hess ... Chacune de ses oeuvres, reste une porte ouverte pour la révélation en soi de I'Amour Créateur pour ceux qui osent la franchir. En regardant ses toiles, je ressens dans mon cœur un appel de I'Amour Créateur........... JEAN DUPONT

CSS : body { background:#000000; position:relative; left:0px; margin: 0 auto; width:770px; height:auto; text-align: center; } div #global_eclairante { position:relative; margin-left: auto; margin-right: auto; width:770px; height:642px; text-align: left; } div #image_eclairante { position:absolute; top:auto; left:0px; margin: 0 auto; width:770px; height:642px; display:block; border : solid 1px black; background-image:url( ../images/eclairante.jpg ); background-repeat:no-repeat; background-position:center; } .c1 { font-size:17px; color:#000000; font-family:Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; text-align:center; color: red; } .texte3 { position:absolute; top:145px; left:110px; width:550px; height:auto; margin: 0 auto; font-size:0.6em; color:#000000; font-family:Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; text-align:justify; background-color:transparent; } Bien amicalement

Utilisateur anonyme · Answer

div #image_eclairante
	{
	position:absolute;
	top:auto;
	left:0px;
	margin: 0 auto;
	width:770px;
	height:642px;
	display:block;
	border : solid 1px black;
	background-image:url( ../images/eclairante.jpg );
	background-repeat:no-repeat;
	background-position:center;
	}

remplace plutôt par ça:
margin: auto;
background-image:url(" ../images/eclairante.jpg");


Et ensuite, je voudrais bien l'url de ton site si possible, pour voir un peu mieux à quoi ça ressemble, si tu peux ...

Hicks59 · Answer

Euh le body en position relative ??? jamais vu ca et tu sur que ca pose pas problème
Je dirais qu'il te manque aussi  2 fermetures de div une pour la globale et une autre pour celle de l'image

gauzhelm · Answer

Bonjour Eiewn et Hicks59,

OK ! merci beaucoup.

Cher Hicks59, le body tu le mettrai comment ? en absolute ou rien ?

je change cela pour voir si cela annule le problème sur IE

le site :  http://www.fluo-peinture.eu

( l'embêtant aussi, c'est que je suis obligé d'aller au Cyber - café pour vérifier sur IE car http://browsershots.org/  ne montre pas toute la page).

Bien amicalement

gauzhelm · Answer

MINCE ! je me suis trompé d'adresse de site le concerné c'est celui-là :    http://www.daniel-jegou.com

Bonjour Eiewn et Hicks59,

OK ! merci beaucoup.

Cher Hicks59, le body tu le mettrai comment ? en absolute ou rien ?

je change cela pour voir si cela annule le problème sur IE

le site :  http://www.

( l'embêtant aussi, c'est que je suis obligé d'aller au Cyber - café pour vérifier sur IE car http://browsershots.org/  ne montre pas toute la page).

Bien amicalement

Hicks59 · Answer

Bonsoir,
donc pour le body je ne mettrai rien^^
Pour ton problème sous ie 7 je n'ai pas de souci d'affichage.

gauzhelm · Answer

Bonjour Hicks, Pourtant, lorsque j'enlève le " position:relative; " du body , sur FireFox tout mon contenu se met à gauche de la fenêtre( à part le titre h1 et le menu du haut). Je ne peux donc pas l'enlever. Et si au lieu de cela :

image eclairante

titre
texte bla bla .....;

Je remplace par cela :

image eclairante

titre
texte bla bla .....;

Est-ce mieux ou bien tout faut ? amicalement

Hicks59 · Answer

je vais voir si je peux te faire vite fait le code donc toi tu veux un cadre centrer horizontalement avec la critique dedans et l'image en dessous de la critique mais toujours dans le cadre c'est ca? ou l'inverse l'image puis en dessous la critique(comme ta page d'acceuil?) changer l'ordre, il faut juste jouer sur la div del'image soit au dessus du cadre critique soit au dessous du texte ^^ voila. Document sans nom

******* CRITIQUE ******

Chacune de ses œuvres est une porte ouverte sur un monde d'Amour. Ses créations sont pour lui un moyen de ne plus être assujetti au temps intervalle et d'entrer dans le Présent absolu. Le temps n'a plus prise dans ses œuvres, pourceux qui osent s'y oublier comme en méditation. Sa voie a été influencée par celle de Nietzsche, Goethe, Steiner, Durkheim, Krisnamurti, Hermann Hess ... Chacune de ses oeuvres, reste une porte ouverte pour la révélation en soi de I'Amour Créateur pour ceux qui osent la franchir. En regardant ses toiles, je ressens dans mon cœur un appel de I'Amour Créateur........... JEAN DUPONT

gauzhelm · Answer

bonsoir, je te remercie de vouloir m'aider ( je désire que le texte soit sur l'image = ce n'est pas ce que ça donne avec ton code) Je suis étonné de ton code : aucune position ni relative ni absolute ?, pas de

encadrant les textes ni les images ? ... comme tu l'écris : "je vais te faire vite fait le code !" sans doute as - tu été trop vite mais je te remercie quand - même, je vais me débrouiller en révisant mes cours. bien amicalement

Hicks59 · Answer

non t'inquite pas mon code c'est bien ca, j evite au maximum les positions relative et absolue car ca pose des problèmes de compatibilités entre les navigateurs ^^ pareil pour les balises

j'utilise pas je préfère tout encadrer avec des div comme ca je leur met le style que je veux^^ après c'est ma manière de coder à chacun la sienne ^^. pour qu'il soit sur l'image il faut mettre l'image en background dans la div du texte. Enfin plus précisément tu créer une div qui qui encadre le texte le titre(ici critique) et tu lui mets un id="conteneur" auquel tu donnes background: le chemin de ton image;

Hicks59 · Answer

non t'inquite pas mon code c'est bien ca, j evite au maximum les positions relative et absolue car ca pose des problèmes de compatibilités entre les navigateurs ^^ pareil pour les balises

j'utilise pas je préfère tout encadrer avec des div comme ca je leur met le style que je veux^^ après c'est ma manière de coder à chacun la sienne ^^. pour qu'il soit sur l'image il faut mettre l'image en background dans la div du texte. Enfin plus précisément tu créer une div qui qui encadre le texte le titre(ici critique) et tu lui mets un id="conteneur" auquel tu donnes background: le chemin de ton image; voila ce que ca donne Document sans nom

******* CRITIQUE ******

Chacune de ses œuvres est une porte ouverte sur un monde d'Amour. Ses créations sont pour lui un moyen de ne plus être assujetti au temps intervalle et d'entrer dans le Présent absolu. Le temps n'a plus prise dans ses œuvres, pourceux qui osent s'y oublier comme en méditation. Sa voie a été influencée par celle de Nietzsche, Goethe, Steiner, Durkheim, Krisnamurti, Hermann Hess ... Chacune de ses oeuvres, reste une porte ouverte pour la révélation en soi de I'Amour Créateur pour ceux qui osent la franchir. En regardant ses toiles, je ressens dans mon cœur un appel de I'Amour Créateur........... JEAN DUPONT

gauzhelm · Answer

Bonsoir Hicks59, Vive les gars du Nord ! tu es Super !!! reste à voir si ta propre façon de coder est validable. très Grand merci Je suis débutant et me pose c'est questions : (réponses courtes par oui ou par non ): Je vois ce code sur certains sites, est-ce possible pour le même texte de mettre à la fois : text-align : justify ; text-align : center ; la deuxième ligne ne contrarie - t - elle pas la première ? = img { border-width : 0 ; ou bien img { border: none; n'est-ce pas la même chose ? = Je vois aussi cela sur certains sites :

Les cours de ........... sur les points

COURS POSITIFS

N'y a-t-il pas un manque de

? = Bien amicalement, si tu passe par Lyon tu sera le bien venu.

Hicks59 · Answer

Bonsoir , Mon code est parfaitement conforme au norme W3C^^ en transitional en strict je ne sais pas j'ai pas testé. alors voila en théorie pour: text-align : justify ; text-align : center ; ca devrait être la derniere ligne qui prends effet mais ce n'est pas toujours le cas. Ceci est du au moteur d'interprétation des navigateurs. Bien sur que cela n'est pas logique dans le cas ou c'est 2 lignes sont dans la même css. Cependant ca ne bloque pas l'interprétation. pour img { border-width : 0 ; ou bien img { border: none; n'est-ce pas la même chose. Mais c'est 2 lignes sont équivalentes. Perso j'aurai mis border:0px; ceci est utile pour ie lorsqu'une image contient un lien. Il faut savoir qu'il a plusieurs niveaus de css ca va jusque 3. Or les navigateurs actuelles ne comprennent les css que jusqu'au 2.1 . un exemple le width dans la css 3 cette notation existe width-max:100px; ainsi que height-max:10px; ils sont applicables lorsque tu donnes width:auto; mais elle n est compréhensible que sur opéra il me semble qui les plus évolué au niveau des css. La balise

est pour moi une équivalence à la div cependant la div est bocoup plus pratique. La balise

permet de déclarer le début d'un paragraphe, tu peux lui donner tous les effets que tu veux au niveau du texte. Apres au niveau de la manipulation rien ne vaut une div peu etre le span est encore. Une div peut de dissimuler s'afficher c'est un véritable conteneur. Alors que le paragraphe non. Voila j'espère à voir répondu à tes questions ^^ Si tu en as d'autre hésite pas à demander. Oublie pas de mettre résolu. Bien amicalement Hicks

gauzhelm · Answer

je te remercie encore
non , je n'ai plus de questions pour le moment MAIS, ayant mis ton code, je me retrouve bloqué car je ne vois pas comment ajuster le texte sur l'image ; avec un " top " ça ne fonctionne pas ( j'avais l'habitude d'utiliser le top et le left précédemment).

je cherche, je cherche, je cherche   haaa !!! je les admire les bons Webmasters comme toi

Hicks59 · Answer

c 'est a dire ajuster le texte?

gauzhelm · Answer

oui ! le texte avec son titre, qui sont superposés à l'image, se trouvent collé au Menu et je n'arrive pas à les descendre avec un " top: " car l'image descend avec.

Hicks59 · Answer

fais un simple

gauzhelm · Answer

bonsoir Hicks,

****** CRITIQUE D'UN MAITRE PAR UN AUTRE ******

Daniel Jègoû utilise ses talents J'ai mis des br et ça marche mais tu as vraiment une façon de coder très étonnante, reste à voir ce que dit le Validateur et si ça colle sur iE. Très Grand merci ( résolu )

Hicks59 · Answer

Document sans nom

******* CRITIQUE ******

Chacune de ses œuvres est une porte ouverte sur un monde d'Amour. Ses créations sont pour lui un moyen de ne plus être assujetti au temps intervalle et d'entrer dans le Présent absolu. Le temps n'a plus prise dans ses œuvres, pourceux qui osent s'y oublier comme en méditation. Sa voie a été influencée par celle de Nietzsche, Goethe, Steiner, Durkheim, Krisnamurti, Hermann Hess ... Chacune de ses oeuvres, reste une porte ouverte pour la révélation en soi de I'Amour Créateur pour ceux qui osent la franchir. En regardant ses toiles, je ressens dans mon cœur un appel de I'Amour Créateur........... JEAN DUPONT

Avec ça, ca donne quoi?

Hicks59 · Answer

je dirais juste chacun son point de vue au niveau propreté du code ^^ si dire que un code propre c'est mettre des balises

à la place des div suis pas trop d'accord comme je l'ai dit plus haut une div est manipulable à vonlonté.

Hicks59 · Answer

si tu le dis je vais pas te contrarier, je suis pas la pour ca faire un débat sur quel type de codage est le plus beau. Ma manière de coder est totalement valide w3c donc apres on fait ce qu'on veut. et toutes les balises sont manipulables exactement de la même façon ! FAUX Et puis bon trouve moi une balise avec des positions relative ou autre.... Ou même un table avec du z-index.... une balise à une signification propre, sinon tu peux aussi des

pour afficher des images au lieu de … Ce que tu dis la n'a aucun sens et n'est en aucun cas comparable. Il suffit pas de savoir ce que veux dire une balise, il faut savoir s'en servir selon le besoin Et pour finir je dirais au lieu de critiquer comme beaucoup de personnes propose lui une solution. Il verra par lui même ce qui s'adapte le mieux à ces besoins.

Hicks59 · Answer

Tout ce que tu viens marquer confirme ce que je pense tu es venu juste pour emmerder le monde.
Si tu es pas capable de comprendre que chacun à sa manière de coder c'est gra ve a ton age personne ne peut rien pour toi.
 
Apres si t'es pas content de la manière que je réponds, j'en ai rien à faire. Le forum, je fais répondre pour dire de répondre au sujet de base pour éviter les hors sujet comme tu es en train de faire juste pour dire d'emmerder les gens.

Et je vois à chaque fois ou tu passes c'est pour fliker et critiquer donc ta beau être membre tu sers à rien.

A bon entendeur salut

Texte sort en bas de l'image sur IE - Page 2

Discussions similaires

Newsletters