Images en fond de site

Bonjour à tous,

j'ai quelques problèmes de positionnement et j'ai beau chercher, j'ai toujours des difficultés... (notamment à faire que ça fonctionne sur divers navigateurs... J'ai une solution, mais c'est netscape qui me fait n'importe quoi!)

je cherche à placer différentes images (hauteurs et largeurs différentes) derrière mon texte, en background... Le texte doit être centré dans un conteneur... de même que ces images... Seulement, parfois, mon texte chassent un peu (de quelques pixels!) les backgrounds vers le bas...

pour l'instant, j'ai:
-une div "conteneur" d'une largeur fixe avec margin:0 auto;
-dans lequel j'ai une série de div "images" en float:left; (elles s'alignent sur le haut)

Mon texte va normalement sur une seule image (ce qui simplifie la chose)... Mais en mettant mon texte (Il y a des <H3> dedans... c'est peut-être pour cela...) dans la div "image3"... sur netscape... ça saute.... (sur Safari, Modzilla et IE, c'est ok...)

Quelqu'un pourrait m'aider?
(Si je n'ai pas trop mal expliqué...)
Modifié par toluol (29 Dec 2005 - 19:26)

En fait, je pense qu'il faudrait que je place mes images en position absolu par rapport à un conteneur centré... (en position relative?) Et ensuite, placer mon texte en position absolu également...

Mais bon, j'ai un peu de la peine là! merci à vous si vous pouvez m'aider.

Salut,
je n'ai pas l'habitude de dire ça mais te prends pas la tête avec Netscape qui n'a jamais su bien géré les background! Personnellement je ne le prends pas en compte car il est trop peu utilisé http://www.w3schools.com/browsers/browsers_stats.asp
et trop handicapant. Tu gagneras beaucoup de temps à ne pas le prendre en compte, idem pour IE mac (truffé de bogues) et franchement merdique.
Mais si tu but (que je peux comprendre) est de rendre ton site accessible
à un maximum d'internautes et ben tu peux continuer dans cette voie là.
A toi de choisir.
Modifié par Hermann (29 Dec 2005 - 20:23)

Hermann a écrit :
Salut,
je n'ai pas l'habitude de dire ça mais te prends pas la tête avec Netscape qui n'a jamais su bien géré les background!

Merveilleux !

Enfin un aveu !



- Netscape 6.0 = moteur Gecko = Mozilla... combien déjà ?
- Netscape 7.0 = moteur Gecko = Mozilla 1.0.1
- Netscape 7.01 = moteur Gecko = Mozilla 1.0.2
- Netscape 7.1 = moteur Gecko = Mozilla 1.4
- Netscape 7.2 = moteur Gecko = Mozilla 1.7.2
- Netscape 8 = moteur Gecko = Firefox 1.0

Argh ! On nous a donc menti ! Il n'est pas nécessaire de se prendre la tête avec Mozilla et Firefox !

<edit>Désolé. C'était irrésistible.</>

<re-edit>Encore désolé, mais ça aussi, c'est irrésistible :

a écrit :
Executive Summary: IE5/Mac is the best browser ever released on any platform.

(Jeffrey Zeldman, Why IE5/Mac Matters, A List Apart, mars 2000)
Modifié par Laurent Denis (29 Dec 2005 - 20:30)

Oui, mais bon... Ce n'est pas du travail de pro!

J'ai déjà corrigé des bugs de IE grâce à des filtres sur mon CSS du genre * html
Y a -t-il quand même un moyen, ou un filtre "spécial" netscape pour que je puisse essayer?

Et puis rassurez-moi... (pour être sûr que je ne fais pas tout faux): lorsqu'on place une image en background dans un bloc div, les <p> <img> <h> qu'on met dans cette balise ne doit pas chasser le background? ou bien????

non, bien sûr que non, les images ne doivent pas faire bouger le background !

mais si, comme Laurent Denis l'a dit, Netscape utilise le moteur Gecko, il n'y a pas de raison qu'elles bougent plus ds Netscape que ds Firefox !

peu-être est-ce dû à une petite erreur ? ou à la présence de titres en début de <div> (Firefox ajoute un espace au dessus des titres qui peut être gênant) ...

il faudrait qu'on puisse voir le problème

Bonjour,

toluol a écrit :

J'ai déjà corrigé des bugs de IE grâce à des filtres sur mon CSS du genre * html

Ah, mais c'est qu'on t'a trompé, alors. ce n'est pas pro, le * html, pas pro tout, bien au contraire.

Les hacks sont morts. Faut-il le répéter ?
Modifié par Laurent Denis (30 Dec 2005 - 13:50)

Laurent Denis a écrit :
Bonjour,
Ah, mais c'est qu'on t'a trompé, alors. ce n'est pas pro, le * html, pas pro tout, bien au contraire.
Les hacks sont morts. Faut-il le répéter ?

Alors que faut-il utiliser? deux feuilles de style?
Moi, je ne sais pas... le *html, çA marche... alors je m'étais dit : "c'est pro"!

Sopo a écrit :
il n'y a pas de raison qu'elles bougent plus ds Netscape que ds Firefox !
peu-être est-ce dû à une petite erreur ? ou à la présence de titres en début de <div> (Firefox ajoute un espace au dessus des titres qui peut être gênant) ...

Oui, je crois que j'ai fait une erreur... J'ai changé qch maintenant et les images ne sont plus chassées... (Maintenant, c'est avec les marges que je me bats! lol)

Vous savez, je teste beaucoup de choses par moi même... C'est la meilleure façon de comprendre à mon avis... Je bouge les marges une à une, le style de positions des block pour comprendre la logique commune à tous les navigateurs!!! Et des fois... là... j'ai l'impression qu'il n'y a pas de logique... je me dis au début... "ah, j'ai enfin compris... Sur Safari, Firefox, ça marche!" Et pis je constate qu'il n'y a pas la même logique sur les autres navigateurs... C'est rageant!