28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai actuellement un probléme quand mon contenu de ma page ne dépasse pas la longueur de mon menu gauche, IE affiche le fond orange que j'ai attribué à mon conteneur. Je pense que cela vient du fameux probléme de la hauteur des colonnes cependant j'ai testé ce qui était indiqué dans la faq mais en vain.

La page web de test est ici :La page web avec le probléme

Je vous donne les données CSS de ma structure de page :

* { margin:0;padding:0;}

html,body
{   font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0;
	padding:0;

}

body, body th, body td {
	color : #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
} 
html>body, html>body th, html>body td {font-size: small;}

div#conteneur
{   position:absolute;
	width:100% ;
	margin:0 auto ;
	text-align:left ;background-color:#ff9900;
       background-image: url(../images/01tile25.gif);/* cela correspond à mon arrondi du menu gauche */
	background-repeat: repeat-y;
	background-position:13em 0;
	background-color:#ff9900; /* cela correspond au fond orange */
}

#gauche
{ 
/* ce qui contient mon menu gauche */
	float:left;
	width:15em;
	clear:left;border:none;
}

div#contenu
{
/* ce qui contient le contenu de mes pages*/
line-height:15pt;  
background-color:#ffffff;
   margin-left:15.5em;
    margin-bottom:0;
}


Je souhaiterais que quelqu'un m'aiguille pour résoudre ce probléme sous IE qui n'appparait pas sous Firefox. Smiley decu

Merci d'avance et j'espére que quelqu'un pourra m'aider.
Modifié par doomer (27 Apr 2005 - 08:21)
Bonjour,

Je reviens un petit peu à la charge, pour savoir si personne n'aurait une solution à mon probléme car là cela devient trés pénible.

J'ai essayé d'attribuer un height:100% à mon conteneur mais en vain.

Quel est le probléme ?

Merci
Ca vient du positionement absolu.

Préfère le positionement à bases de float et d'éléments dans le flux.
En fait, il faut que je retires mon positionnement absolu de mon conteneur ?

Et ensuite, je fais quoi à peu prés, je joue avec les flottants avec mon pied de page , mon contenu ?

Merci
A priori (c'est comme ça qu'on fait classiquement), tu met ton contenu dans le flux (pas de positionement spécifique), et tu met tes colones en float, tu marges le contenu pour qu'il passe pas sous les colones s'il est plus long que ces dernières, et finalement, tu met clear: both; sur ton pied de page pour qu'il reste bien en dessous des colones.

voilà l'idée générale.

Si tu recherches un petit peu sur le forum tu devrais trouver plus de précisions, c'est un problème récurrent Smiley cligne
Bonjour,

je ne sais pas si ca peux vous aider , mais voila ce que j'ai trouver..
(ne pas m'en vouloir si c'est hors sujet)

sur le site De sylvain Machefert --> dans le fichier menu.css
http://iubito.free.fr/
sur le site De sylvain Machefert --> dans le fichier menu.css
qui se trouve dans le zip a telecharger.

....
/* Ne pas modifier le block */
display:block;
/* Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/* height:100%;
margin:0px;*/
margin:0px;
width:100%;
}

desole si hors sujet, mais peut etre une voie.......
a bientot Smiley rolleyes