probleme largeur de div

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par spalie, 2 Juin 2006.

  1. spalie
    spalie Nouveau WRInaute
    Inscrit:
    19 Avril 2006
    Messages:
    44
    J'aime reçus:
    0
    salut à tous,

    j'ai un probleme avec une div qui ne prend pas toute la largeur qui lui est disponible.

    http://cyril.nadal.free.fr/site/fr/index.php

    j'aurai envie que le texte aille jusqu'à la bordure droite ou alors jusqu'a son maximum suivant la résolution de l'écran.
    et je n'arrive pas corriger ça.

    code HTML:

    Code:
    <html>
    <head>
    	<title>- Index - <?php echo $nav ?></title>
    	<link rel="STYLESHEET" href="<?php echo $css ?>" type="text/css">
    	<link rel="STYLESHEET" href="css/liens.css" type="text/css">
    	
    	
    <script language="JavaScript">
    <!--
    function cache(id) {
            if(document.getElementById) { 
               document.getElementById(id).style.visibility = "hidden";  
            } 
          } 
    	  
    function montre(id) {
            if(document.getElementById) { 
    		
               document.getElementById(id).style.visibility = "visible";  
            } 
          }
    //-->
    </script>
    	
    </head>
    
    <body onload="cache('contenu1');MM_preloadImages('images/espace_acheteur2.jpg')">
    
    
    <div id="page">
     
     
    <div id="centre">
    	 
    	 <div id="contenu">
    C'est une plateforme universelle d'échange, d'achat et de vente de photographies en ligne en libre de droit. <a href="javascript:montre('contenu1');cache('contenu')">[En savoir plus]</a>
    	 </div>	 	 	 								   		   	  	 	   	  				   		 		  	 		 
    	 
    	 <div id="contenu1">
    C'est une plateforme universelle d'échange, d'achat et de vente de photographies en ligne en libre de droit. Composée essentiellement d'images en très haute résolution, notre base de donnée vous permet d'acheter des photos exceptionnelles, supportant toutes vos définitions d'impressions, à des tarifs super compétitifs. Que vous choisissiez l'achat de photos en direct ou l'acquisition de cédéroms personnalisés ou thématiques, vous bénéficiez des prix les plus attrayants du marché tout en respectant les droits des auteurs et la législation en vigueur. De même si vous souhaitez vendre des photographies, elle s'adresse aux photographes amateurs comme aux professionnels de l'image pour être votre intermédiaire avec les professionnels en recherche de produits photo (agence de communication, agence de publicité, maison d'édition, etc.).&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:montre('contenu');cache('contenu1');"> <<<< </a>
    	 </div>
    	
    </div>
    
    </div>
    </body>
    </html>


    et le CSS :

    Code:
    #page{
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    }
    
    
    #centre{
    border:1px solid #000000;
    height:340px;
    width:81%;
    margin-left:9%;
    margin-top:145px;
    padding:150px 150px -20px -100px;
    position:absolute;
    }
    
    
    
    #contenu{
    position:absolute;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    left:5px;
    top:5px;
    font-size:13px;
    border:1px solid red;
    width:100%;
    }
    
    
    #contenu1{
    z-index:1;
    border:1px solid red;
    position:absolute;
    left:5px;
    top:5px;
    font-size:13px;
    background-color:#FFFFFF;
    font-family:Helvetica, Arial,  Verdana, sans-serif;
    width:100%;
    }
    

    si quelqu'un peut m'aider ??
    svp !
     
  2. Aye-Aye
    Aye-Aye WRInaute passionné
    Inscrit:
    15 Avril 2005
    Messages:
    1 533
    J'aime reçus:
    0
    Il st conseillé si l'on ne veut pas avoir de pb d'affichage avec les boîtes d'indiquer systématiquement une DTD dans les documents HTML.
    En outre mieux vaut mettre les propriétés de mise en forme des boites à 0 plutot que de ne pas en mettre...
    Ton margin crée ce problème.... Sais tu ce dont il s'agit ?
     
  3. spalie
    spalie Nouveau WRInaute
    Inscrit:
    19 Avril 2006
    Messages:
    44
    J'aime reçus:
    0
    c'est quoi le DTD ??

    et j'ai pas compris pour les boites à 0, il n' y a pas de boite ou je n'ai pas mis de valeur???
     
Chargement...
Similar Threads - probleme largeur div Forum Date
[Réglé] [CSS] Problème de largeur de "div" Développement d'un site Web ou d'une appli mobile 31 Août 2006
Problème largeur CSS avec banniere adaptable adsens Développement d'un site Web ou d'une appli mobile 2 Septembre 2015
Gros problème sur la profondeur de mes pages Problèmes de référencement spécifiques à vos sites Vendredi à 09:06
Problème de htaccess chez Ionos URL Rewriting et .htaccess 12 Septembre 2022
Problème sur jquery avec fonction asynchrone Développement d'un site Web ou d'une appli mobile 6 Septembre 2022
Problème de crawl et d'indexation Crawl et indexation Google, sitemaps 1 Septembre 2022
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Problème d'indexation de backlinks Débuter en référencement 24 Juillet 2022
Problème d'indexation de backlinks Problèmes de référencement spécifiques à vos sites 21 Juillet 2022
Probleme de visibilité de ma page Facebook Facebook 5 Juillet 2022
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022