28220 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis en train de créer un site pour une compagnie de théâtre qui doit principalement etre propre graphiquement.
Le site se trouve pour le moment ici avec son css

Pour les pages j'ai besoin d'avoir le lien du retour menu restant fixed en haut à gauche, une image de fond fixe, le corps de la page défilant au milieu et un footer tout en bas, mais avec une hauteur de page minimum.

Après pas mal de problèmes j'ai réussi à trouver des scripts trouvés ici permettant de faire fonctionner les propriétés fixed et min_height sous IE.

Ce n'est pas très propre amis ça à l'air de fonctionner un peu partout.

Pour le moment je reste sur 2 problèmes.
Mon footer à un petit problème de positionnement. Au premier chargement de la page il lui arrive de se retrouver au dessus des images ou du texte en bas de pages. Et si je fait un refresh de la page il se place correctement... Je n'arrive pas à comprendre pourquoi ? Avez vous une petite idée ?
#footer 
{
	position:absolute;
	margin-top:20px;
	bottom:10px;
	right:0;
}


Autre problème, beaucoup plus génant : le placement de mon retour menu.
Dans mon code il est présent à l'interieur de mon conteneur, mais se place par rapport au bord de la page et non de mon conteneur Smiley confus
Comment le repositionner correctement ?

<div id="conteneur">
<a href="../index.php"><img id="retour_menu" src="../images/gravure_retour_menu.jpg" alt="accueil" /></a>

<div id="corps" class="long">

le corps de ma page.....

</div><!-- corps -->
<div id="footer"><a href="../contact/structure.php"><img src="../images/logo_contact.jpg" alt="contact" /></a></div>
</div> <!-- conteneur -->


#retour_menu
{
	position:fixed;
	top: 10px;
}


Si je ne spécifie pas de valeur left:0; firefox me le palce correctement (bord gauche du conteneur) mais IE le colle au bord gauche de la page ; et si je spécifie un left:0; sous firefox et IE il me le colle pour les 2 au bord gauche de la page.

Désolé de ce post un peu long..
Merci pour votre aide, n'hesitez pas pour des questions etc....
Je fais cela bénévolement pour des amis et je tiens à ce que ça soit bien propre esthétiquement.
Modifié par Jinroh77 (11 Apr 2006 - 12:09)
C'est une solution, mias il faudra toujours que j'arrive à placer mon lien de retour menu par rapport au conteneur dans cette feuille de style IE.
Et pour le moment je n'arrive pas à le faire Smiley decu
Si je met une valeur fixe ce n'est pas bon, si je met un pourcentage, pas bon non plus.. je n'arrive pas à retrouver le bon placement.
Le onteneur est centré avec un
position:absolute
left:xx %
margin-left:-xxx px

Merci
J'ai essayer autrement mais ce n'est toujours pas bon.
Sur cette page j'ai modifié mon div comme suit :
<a href="../index.php"><div id="retour_menu"></div></a>

avec son css
	
position:fixed;
top:10px;
background-image:url(../images/gravure_retour_menu.jpg);
width:150px;
height:108px;
cursor:pointer;
margin:0;
padding:0;


dans ce cas j'ai un espace que je ne comprends pas entre le bord du conteneur et mon div Smiley decu Smiley decu Smiley decu Smiley decu

et lorsque je rajoute
<div style='clear:both'> &nbsp; </div>

entre mon div et le corps il replace le div sur le bord de la page, comme ici


P.S : de plus j'ai l'impression qu'un refresh est necessaire pour positionner correctement mon footer (image en bas à droite), vous avez le même problème ?

Merci pour votre aide