HTML Redimensionnement

Résolu
Toorope Messages postés 26 Statut Membre -  
Lapourax Messages postés 2970 Date d'inscription   Statut Contributeur Dernière intervention   -
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 !

6 réponses

  1.
    Lerendra Messages postés 553 Statut Membre 299
     
    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
    2
    1. Lapourax Messages postés 2970 Date d'inscription   Statut Contributeur Dernière intervention   336
       
      +1 ça a l'air pas mal
      0
    2. Toorope Messages postés 26 Statut Membre
       
      Je viens d'essayer, la div de gauche reste en haut à gauche mais décale ma div principale vers le bas, je ne comprend pas pourquoi elle agit sur la div principale :/
      0
    3. Lapourax Messages postés 2970 Date d'inscription   Statut Contributeur Dernière intervention   336
       
      parce que la div principale rentre pas à droite alors elle se place dessous
      faut diminuer les marges ou la taille d'une des deux div
      0
    4. Toorope Messages postés 26 Statut Membre
       
      Même en diminuant les marges ou la talle d'une des deux div, la div principale reste en dessous :/
      0
    5. Lerendra Messages postés 553 Statut Membre 299
       
      J'ai vu que tu avais mit un code pour intégrer google map ! Regarde si des valeurs du style : 
      width
      dans le code html soit à la même grandeur ou plus petit que ta grandeur du div !
      0
  2. Lapourax Messages postés 2970 Date d'inscription   Statut Contributeur Dernière intervention   336
     
    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%;
    0
  3. Toorope Messages postés 26 Statut Membre
     
    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 ?
    0
  4. Lerendra Messages postés 553 Statut Membre 299
     
    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
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Toorope Messages postés 26 Statut Membre
     
    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 ;)
    0
  7. Lapourax Messages postés 2970 Date d'inscription   Statut Contributeur Dernière intervention   336
     
    Tu peu nous faire un screen histoire de voir concrètement à quoi ton appli ressemble et le bug de superposition ?
    0

Discussions similaires

Apache2 accès à autre que /var/www/html/index.html
merithes -
mamiemando -

3 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
Helif -

15 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Petit saut de ligne en HTML
Aurore -
Picture -

2 réponses