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

HTML Discussion :

position:relative augmente la taille du conteneur ?


Sujet :

HTML

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut position:relative augmente la taille du conteneur ?
    Bonjour à tous !

    Bon, j'essaie d'être sage et d'être un bon programmeur HTML/CSS (je précise que je suis un total noob, j'ai commencé il y a quelques semaines à peine), et du coup je suis en train de virer tous les <table> que je peux avoir dans mon code.

    Pour l'instant c'est allé, et j'ai réduit le poids de mes pages de moitié ( ).
    Mais là je m'attaque à la partie la plus dure (pour moi) : l'affichage des résultats de la recherche (je précise aussi que je suis en train de TENTER de faire un site de rencontres).

    Dans cette page de résultats, il y a pleiiiiin d'infos, comme le montre cette image :
    http://renaud.lideln.free.fr/test/Image40.jpg

    Je suis parvenu à tout bien agencer (comme le prouve le screenshot), mais un détail plutôt gênant :
    Je sais pas si c'est lié, mais cette page d'affichage de résultats de recherche se trouve dans un iframe.
    Quoiqu'il en soit, mon cadre de iframe est super agrandi dans tous les sens, et je pense que les positions:relative ne sont qu'un "mirage" car FF (je teste pas encore sous IE, trop de soucis) agrandit l'iframe en fonction de ce qu'on met dedans AVANT de faire les position:relative (alors qu'en plus je fixe bien la taille de mes div conteneurs pour être sûr... mais non !)

    Enfin en tous cas on dirait ! Car avec la solution des <table> tout marche bien, mais avec les span et les position relative, j'ai ce problème qui vient tout gâcher

    Si quelqu'un sait comment résoudre ce ptit problème, toute aide sera la bienvenue

    Voilà un ptit bout de code au cas où...

    Page php :
    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
     
    <div class="Recherche2_Ultra_Container">
    	<span class="Recherche_Photo_Container"><img src="img/containers/profil_photo_cadre_<?php echo $r["iSexe"] ?>.png" width="152" height="136" /></span>
    	<span class="Recherche2_Photo">
    		<?php
                            echo '<a class="CImage" href="affiche_image.php?pseudo='.$r["sPseudo"].'" target="_blank"><img src="affiche_image.php?pseudo='.$r["sPseudo"].'" border="1" width="128" height="128" /></a>';
                    ?>
    	</span>
     
    	<div class="Rech2_Age_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Age</span></div>
    	<div class="Rech2_Dpt_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Département</span></div>
    	<div class="Rech2_Rech2_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Recherche</span></div>
    	<div class="Rech2_Pour_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Pour</span></div>
    	<div class="Rech2_Inscr_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Inscription le</span></div>
    	<div class="Rech2_Connec_Cpt"><span class="<?php echo $PROFIL_TEXTE ?>">Dernière connexion le</span></div>
     
    	<div class="Rech2_Age_Val"><span class="<?php echo $PROFIL_TEXTE ?>"><?php echo $r["iAge"] ?>ans</span></div>
    	<div class="Rech2_Dpt_Val"><span class="<?php echo $PROFIL_TEXTE ?>"><?php echo $r["iDpt"] ?></span></div>
    Et dans le .css :
    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
     
    .Recherche2_Ultra_Container{height:190px; width:630px;}
    .Recherche_Photo_Container{height:136px; position:relative; top:0px; left:0px;}
    .Recherche2_Photo{position:relative; top:-4px; left:-145px;}
    .Recherche2_Actions_Container{height:22px; position:relative; top:-245px; left:10px;}
    .Rech2_Age_Cpt{position:relative; top:-140px; left:160px;}
    .Rech2_Dpt_Cpt{position:relative; top:-140px; left:160px;}
    .Rech2_Rech2_Cpt{position:relative; top:-140px; left:160px;}
    .Rech2_Pour_Cpt{position:relative; top:-140px; left:160px;}
    .Rech2_Inscr_Cpt{position:relative; top:-120px; left:160px;}
    .Rech2_Connec_Cpt{position:relative; top:-120px; left:160px;}
    .Rech2_Age_Val{position:relative; top:-260px; left:330px;}
    .Rech2_Dpt_Val{position:relative; top:-260px; left:330px;}
    .Rech2_Rech2_Val{position:relative; top:-260px; left:330px;}
    .Rech2_Pour_Val{position:relative; top:-260px; left:330px; width:300px; height:20px;}
    .Rech2_Inscr_Val{position:relative; top:-240px; left:330px;}
    .Rech2_Connec_Val{position:relative; top:-240px; left:330px;}
    Merci encore à vous

    Lideln

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut
    * bump *

  3. #3
    Inscrit
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    531
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 531
    Points : 282
    Points
    282
    Par défaut
    Salut,

    J'ai pas trop approfondi mais les cadres tu les mets à la poubelle comme la mise en page par tableau.
    Après t'y verras plus clair.

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut
    hello !

    lol le pseudo et la signature... on serait frères jumeaux ?
    Par contre tu m'aides pas trop là hein Les tables je suis justement en train de les jeter à la poubelle, et concernant les iframe... Meme si c'est super pratique je veux bien les jeter aussi, mais que j'include ma page dans un div ou que je la load dans une iframe, le probleme d'élargissement de la zone conteneur sera, je pense, toujours présent, non ?

    Si quelqu'un a une suggestion ?

    ps : pour les iframe je vais tenter de les virer... on verra ce que ca donne

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut
    * bump *

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut
    * bump *

    J'ai changé mon design et now je n'utilise plus aucune table ni des iframe, seulement des div !

    Mais ca me fait pareil dans mon div, ca l'agrandit mais les seules "données" à l'intérieur du div ne prennent bien sûr pas toute la place...
    Quelqu'un a une idée svp ?

  7. #7
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 127
    Points : 77
    Points
    77
    Par défaut
    up

    Toujours personne qui saurait faire ?
    Si un modo (ou un gars avec plein d'étoiles rouges lol) pouvait me dire "ah je sais pas comment corriger ca", au moins je saurai que je dois abandonner

    Mon but c'est de faire un site "tout bete", avec un menu à gauche (ca , ca marche), et au centre un "bloc" contenant tout.... le contenu des différentes pages.
    L'idéal serait que le bloc puisse sétendre automatiquement en fonction de son contenu, mais je crois pas que ce soit faisable.

    Ou alors, est ce faisable de mettre un bloc menu à gauche, et de ne PAS mettre de bloc au centre (ce qui permettrait de zapper les soucis de taille) mais mettre directement le contenu, avec toutefois un décalage qui permettrait de pas bouffer sur le menu de gauche ?

    Merci pour votre aide

    Lideln

Discussions similaires

  1. Position relative dans un conteneur en position relative
    Par artefact89 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/11/2010, 17h16
  2. CSS position relative / conteneur
    Par Invité dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/09/2006, 22h47
  3. [Débutant] position relative et absolue
    Par AurelBUD dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 23/06/2005, 08h46
  4. []Augmenter la taille de la pile des appels ?
    Par oncle ervil dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 10/05/2005, 09h29
  5. position() relative au noeud courant
    Par luta dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 09/09/2004, 17h38

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