HTML Redimensionnement Résolu

Question

Bonjour à tous :)


Voilà, j'ai actuellement sur mon site une page représentée comme ceci:

Le problème est que lorsque je modifie la taille de la fenêtre, la div de gauche reste fixe et passe au dessus de la div principale, j'aimerais qu'elle se redimensionne automatiquement.
Je vous donne mon code:


Div de gauche:

float:left;
margin-top: 120px;
max-width: 100%;
height: auto;

Div principale:

font-family: Arial, Helvetica, Sans-Serif;
width : 50%; 
margin : auto; 
box-shadow: 1px 1px 25px #555;

Merci d'avance !

Lerendra · Accepted Answer

Essaye :

Div de gauche:

position: relative;
margin : 120px 10px 0px 0px;
width : 20%;
height: auto;

Div principale:

font-family: Arial, Helvetica, Sans-Serif;
width : 50%; 
margin : auto; 
box-shadow: 1px 1px 25px #555;

 
Merci de me mettre un +1 si ma réponse vous à aidé :p

Lapourax · Answer

Il te faut définir la "width" de ta div de gauche en dynamique, à vue de nez vers les 20 25 % 

remplace 
max-width: 100%;
par
width: 20%;

Toorope · Answer

Bonjour Lapourax et merci pour ta réponse !

Je viens d'essayer mais cela ne fonctionne pas :/
Le float:left; ne poserait-il pas problème ?

Lerendra · Answer

Bonjour !

Pourquoi avoir dans "Div de Gauche" un "Max-width : 100%" ?

Allez, je te donne un indice, dans ton code "Div Principale", le redimensionnement se fait avec
width : 50%; 
margin : auto;

Donc essaye de rajouter un 
margin : auto;
 
Cordialement
Lerendra

Toorope · Answer

Bonjour Lerendra !


Merci pour ta réponse mais ta solution ne fonctionne pas non plus :/
J'ai modifié mon code comme cela:

float:left;
width: 20%;
margin:auto;
height: auto;


Et toujours le même problème, je précise que dans la div de gauche il n'y a que des images ;)

Lapourax · Answer

Tu peu nous faire un screen histoire de voir concrètement à quoi ton appli ressemble et le bug de superposition ?

HTML Redimensionnement

6 réponses

Discussions similaires

Newsletters