28172 sujets

CSS et mise en forme, CSS3

2 div supperposés sans position Absolue

Bonjour,

Je vous explique mon cas.

Je veux aligner 2 div dans un conteneur.

du style

<div id="conteneur"> (mon conteneur est en margin: 0px auto 0px auto )
<div id="logo"></div>
<div id="main_right"></div>
</div>

Disons que le conteneur fait 1000px de large (largeur fixe, impossible de le modifier)
Le logo fait 500px de large
le main right (c'est une photo) fait 600px
Total 1100 px plus que la largeur max.

Pour des raisons d'esthétique, je voudrais que main_right se superpose avec la div logo .
j'ai réussi à le faire, mais qu'avec la div main_right en absolue.
Le problème est que quand je réduis mon navigateur c'est nul la photo bouge et sort du cadre.

Y 'a t'il un moyen de supperposer les div et qu'elles se redimensionnent avec le conteneur lorsque le navigateur est redimensionné ?

Merci par avance de votre aide
J'ai pas de code mais a vue d'oeil :

un block en absolute et un block en relative

utiliser le z-index

par exemple : 0 pour l'image "chevauchée" et 1 pour la "chevaucheuse"

syntaxe dans la css 
z-index: 0;


ca devrait le faire avec ca.

Bon courage
Merci pour ta réponse,

Vous pouvez voir le code sur le site 
www.nsink.fr/projets.html

Mais il n'y a pas la construction dont je vous parle.
tu vois le logo, il flotte dans le navigateur à l'interieur du conteneur.
J'aimerais pouvoir faire chevaucher la div main_right et la div logo dans le navigateur, qui sont à l'interieur du conteneur.

Si je mets la div main_right en absolue elle ne flotte plus. alors je ne sais pas comment faire pour que la div main_right et la div logo flotte et qu'elles soient supperposées.

Merci
En appliquant ma méthode ca marche Smiley confus 

#contenaire{
position : absolute;
}

#logo{
position: absolute;
z-index: 1;
}

#main-right{
position: relative;
z-index: 2;}


Si tu utilises webdevelopper sur FF essaye l'option editer CSS a la volée.

En positionnant tes blocs débrouilles toi pour que les margin ne les empechent pas de se chevaucher.

Enfin si j'ai bien compris ce que tu voulais. C'est le scroll horizontal que tu veux éviter ?
Modifié par gilles6975 (10 Apr 2009 - 18:19)
Sujet clos
Aller à