Probleme ascenseur et overflow

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme ascenseur et overflow

Loizo

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

Publicité

FlorentG

L'ascenseur devrait alors plutôt se trouver dans la zone blanche, non ? Genre positionne ton texteen position absolue pour qu'il se cale bien sur la zone blanche (position absolue, mettre les bonnes valeurs pour top, left, width et height + un overflow auto)...

Loizo

MErci de ta réponse, j'avais fait ca au départ, ce qui fait que je n'avais pas ce bug.
Mais si je fais ca alors quand je redimentionne la fenetre du navigateur l'overflow ne se place plus ou il faut...
C'est pour ca que j'utilise mon image comme un fond pour l'overflow.

Mais ca me tue c'est un truc assez classique que je fais mais je n'y arrive pas. Je dois avoir louper un truc

Loizo

Personne ?

FlorentG

Normalement, quand tu redimensionne, le bloc ne devrait pas bouger... Ca dépend par rapport à quoi il est positionné. Met son élément parent en position relative, histoire de voir...

Loizo

En fait a priori si je met la photo en position absolute ainsi que l'overflow en position absolute, ils se placent tout les deux par rapport au coin de l'ecran. Donc si je redimentionne l'overflow n'est plus placé au meme endroit
Je vais tenter comme tu dis ce soir, faut que je revois tout mon truc vu que la ca ne colle plus. J'espere que ca va marcher, merci

Loizo

Nickel ca marche avec la position relative !! Merci

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme ascenseur et overflow

Sujets relatifs
[Java] Probleme de répertoire courant	[resolu] probleme avec un echo "<a href..." au niveau du ">" de fin
Problème :recupération de tableaux html	[Perl] problème d'upgrade @INC
Probleme script autosurf	Problème pour récupérer le champ texte d'une input type file
Probleme avec police d'écriture spéciale	[SVG]problème avec scale
[PROBLEME] Mise a jour de MySQL ( 5.0.15 )	Problème tableau HTML
Plus de sujets relatifs à : Probleme ascenseur et overflow

Page générée en 0.064 secondes