Bonjour,
Je travaille sur un site et j'ai un leger probleme avec le positionnement de mon texte.
Donc le but est d'avoir une image de fond et sur la droite de l'image le texte que je veux (inclusion d'une page php). J'ai un fond blanc transparent sur lequel j'ecris et qui a été ajouté en dur dans photoshop. Cependant quand je deplace mon ascenseur mon texte sort de ce cadre blanc.
Voici mon code, j'imagine que l'erreur vient de la ou que je m'y prend mal... Et une petite illustration du probleme :
Code :
- <body>
- <div id="image_fond">
- <div id="cadre_accueil">
- <div id="contenu_accueil">
- <?php include ('accueil.php'); ?>
- </div>
- </div>
- </div>
-
- </body>
|
Code :
- body {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 0.8em;
- margin: 0;
- padding: 0;
- /*Couleurs de l'ascenseur*/
- scrollbar-face-color: #E0D9C7;
- scrollbar-shadow-color: gray;
- scrollbar-darkshadow-color: gray;
- scrollbar-track-color: #625645;
- }
- #image_fond, #cadre_accueil {
- width: 800px;
- height: 530px;
- }
- #image_fond {
- position: absolute;
- top: 30px;
- left: 50px;
- background-image:url("../Images/fond.jpg" );
- background-position: top left;
- background-repeat: no-repeat;
- color: black;
- }
- #cadre_accueil {
- border: none;
- overflow: auto;
- }
- #contenu_accueil {
- padding: 150px 0 0 50px;
- margin: 10px;
- margin-right: 450px;
- margin-bottom: 60px;
- }
|
Merci 
Message édité par Loizo le 05-04-2006 à 19:43:12