28220 sujets

CSS et mise en forme, CSS3

Bonjour,
après avoir lu le tuto sur le site, je me suis lancé dans une mise en page avc la balise <div>. :http://perso.wanadoo.fr/clubgta/test.htm
Seulement, je rencontre un problème: le bloc du milieu devrait descendre jusqu'en bas de la page ce qui n'est pas le cas avec IE mais avec FF.
Voilà le CSS que j'ai attribuer à ce bloc :
.contenu{ 
position:absolute; 
width:73%; 
height:100%; 
left:25%; 
top:173px; 
background-image: url(images/Sans-titre-1_06.gif); 
border:1px #000 solid; 
}

Quelqu'un pourrait-il me dire comment corriger cette erreur?
Merci
Modifié par Finality (13 Mar 2005 - 12:41)
Administrateur
Salut et bienvenue ici Smiley cligne

Pour commencer, pourrais-tu baliser correctement tes exemples en utilisant les boutons [ CODE], comme te le suggèrent les Règles du forum (que tu as bien évidemment apprises par coeur Smiley smile ) ? Merci d'éditer ton post pour corriger cela Smiley cligne

Ensuite, ton problème peut venir de plusieurs choses :

1- les marges du document ne sont peut-être pas mises à zéro, dans ce cas, assure-toi de les annuler :
html, body {margin: 0; padding: 0;}


2- une valeur en pourcentage ne fonctionne que par rapport à une référence : c'est toujours X% de quelque chose. Dans ton cas, il est possible que les éléments qui contiennent ton bloc <div> n'aient pas de dimensions précisées.
Voici un billet qui t'expliquera comment remédier à ton problème.
Modifié par Raphael (13 Mar 2005 - 10:38)