IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

DIV ET IFRAME


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2007
    Messages
    203
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 203
    Par défaut DIV ET IFRAME
    Bonjour,

    J'ai appliqué une feuille de style (cf cours de PB Naigeon) à ma page principale.
    Ensuite, mon contenu est appelé via une base de donnée et parfois c'est une balise iframe.
    Je n'arrive pas à augmenter la hauteur de mon cadre.
    J'ai peut etre fait une erreur dans ma feuille de style:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    div{
      text-align: center;
    }
     
    div#menu_horizontal{
      width: 6OOpx;
      height: 50px;
      background-color: #00CCFF;
    }
    /*comportement de la liste dans le bloc menu_horizontal*/
    #menu_horizontal li{
      margin-right: 40px;
      list-style-type: none;
      display:inline;
    }
     
     
    div#chemin_fer{
      width: 6OOpx;
      height: 50px;
      background-color: #66FFCC;
    }
     
    div#contenu{
      width: 831px;
      height: 400px;
      background-color:#FFCC00;
      float: left;
    }
    div#pied_page{
      width: 980px;
      height: 50px;
      background-color: #33FF99;
      clear: both;
    }
     
    div#bloc_central{
      float: left;
      width: 150px;
      height: 400px;
      background-color: #FF6699;
      text-align:left;
    }
    Et voici mon iframe:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <iframe src="devis_ajax.php" width="700" heigth="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" top="100"></iframe>
    J'aimerais que ce cadre se supperpose (ou remplace??) mon contenu?
    Comment faire? j'ai beau modifier la propriété heigth de iframe rien ne se passe

    Merci beaucoup
    claire

  2. #2
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Bonjour!

    Alors... Quelques petites observations:

    1 - Que cherche-tu à obtenir? Parce que, c'est peut-être moi, mais je ne vois pas ce que tu veux comme résultat, et je ne comprends pas quel est ton problème. Donc, plus de précisions serait le bienvenu!

    2 - Le code CSS que tu nous donne est a priori inutile, puis dans le code HTML, on ne retrouve aucun appel vers ces CSS.


    En attendant, pour ce qui est de l'augmentation de la taille de ton iframe (fixée ici à 100%), essaie plutôt d'augmenter la hauteur du DIV contenant ton iframe.

    J'attends de tes nouvelles!

  3. #3
    Membre confirmé
    Inscrit en
    Octobre 2007
    Messages
    203
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 203
    Par défaut
    Salut
    Je met le code (ce qui nous interesse) de ma page index:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <link rel="stylesheet" type="text/css" href="style2.css" />(dans mon head
     
    <div id="contenu" >
                <?php
                    //Affiche le contenu de la page en cours
                    if(ereg("^<",$_ENV['contenu'])){
                    echo $_ENV['contenu'];}
                    else{
                    $sql= $_ENV['contenu'];
                AfficherFormulaire ($sql);}
                ?>
            </div>
    La hauteur de mon contenu est donc défini par le css.
    Si $_ENV[contenu] contient une requete, mon résultat est bien placé dans mon contenu.

    Par contre si $_ENV[contenu] = <iframe...
    Elle s'affiche mais la hauteur reste fixe!!!!!
    J'espère que c'est plus clair,
    merci pour ton aide.
    claire

  4. #4
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Essaie en ne spécifiant aucune "HEIGHT" dans ta DIV CONTENU de ton CSS.

    Si ça ne règle pas le problème, fais-le moi savoir!

  5. #5
    Membre confirmé
    Inscrit en
    Octobre 2007
    Messages
    203
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 203
    Par défaut

    Rien ne se passe, c'est fou je change mon width et ça modifie ma fenêtre et rien avec heigth...

  6. #6
    Membre confirmé
    Inscrit en
    Octobre 2007
    Messages
    203
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 203
    Par défaut
    JE SUIS BIDON

    j'ai fais une erreur d'othographe: heigth au lieu de height

    merci beaucoup de t'être pencher sur mon problème.
    A+
    claire

  7. #7
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Et si tu enlève le width et le height de ton iframe, ainsi que le height de "#contenu" et de "#bloc-central"?

    Edit:
    Ok, et de rien!

    Edit²:
    En même temps je ne l'avais pas vu non plus!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. focus sur un div devant iframe
    Par nicerico dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/09/2013, 20h07
  2. [iframe] Afficher une balise div à partir d'une autre frame
    Par bouchette63 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/10/2006, 12h01
  3. Modificatier un div d'une page à partir d'un iframe
    Par Olaf MENJI dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/02/2006, 11h31
  4. probleme iframe+div+IE
    Par stouille dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/12/2005, 20h56
  5. image dans une iframe div qui ne s'efface pas
    Par Invité(e) dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 26/10/2005, 12h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo