28220 sujets

CSS et mise en forme, CSS3

Css et rezise auto

Bonjour, je vais tenter d'expliquer au mieux mon problème.
Je me suis aidé de vos modèles CSS histoire que cela marche sous IE naturellement mais aussi sous firefox. Je me permets de vous postez le code épuré.


<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 73px;
background-color:#EBEBEB;
}
#conteneur {
width:600px;
margin:0 auto;
background-color:#CCCCFF;
}
#centre {
background-color:#FFFFFF;
margin-left: 20px;
margin-right: 150px;
}
#droite {
float:right;
width: 108px;
}
#pied {
clear:both;
height: 30px;
background-color: #99CC99;
}
#menudroit {
background-color: #FFFFFF;
margin: 0;
padding:0;
}
p { margin: 40; }
</style>
</head>
<body>
<div id="conteneur">
	<div id="header">BENDEAU QUELCONQUE FIXE</div>
	<div id="droite"><img src="menu.jpg">
		<p id="menudroit">IMAGE ICI</p>
	</div>
	<div id="centre">
		<p>Zone &eacute;ditable qui se s'agrandie automatiquement lorsque le texte est long comme lalala</p>
		<p>Zone &eacute;ditable qui se s'agrandie automatiquement lorsque le texte est long comme lalala</p>
		<p>....</p>
		<p>&nbsp;</p>
		<p>lalala</p>
	</div>
	<div id="pied">	PIED DE PAGE (se place en dessous des éléments flottants grâce à <code>clear:both;</code> )</div>
</div>

Le problème, c'est que sous le menu FIXE à droite qui est en flash, je voudrais insérer une image qui "s'auto-répéte" jusqu'à mon PIED DE PAGE en bas lorsque mon texte situé dans la zone éditable est long ...
J'espère que vous me suivez ... Smiley confused ! Je joint avec un print de la page html. Merci pour ceux quiprendront le temps de m'aider ! Smiley smile
upload/3077-pagehtml.jpg

Voila désolé Smiley rolleyes
Modifié par razy (23 Aug 2005 - 16:48)
Bonjour,

Merci aussi de lire les règles élémentaires du forums qui demandent entre autres de bien vouloir mettre son code en Mise En Forme : code Smiley ohwell . Merci donc aussi de cliquer sur Éditer son post pour le faire.
Modifié par zzzazzz (23 Aug 2005 - 15:37)
Modérateur
bonjour,
peut tu editer aussi pour dire que ton prob est réglé !
(.. le background-image repeté a droite....)
a plus
Ah ouai désolé, je pensais avoir éditer le message de remerciement sur le forum ... oups en fait j'ai du t'envoyer un message à toi uniquement. Mon problème est réglé, j'ai mis un background-image à mon conteneur en le positionnant à droite. Mon problème est donc réglé en partie du fait que sous firefox ca fonctionne tres bien mais sous IE maintenant j'obtiens un résultat comme ceci ...

upload/3077-HTML-IE.jpg

Mon background pars de haut en bas (le positionnement par rapport au header n'est pas bon ainsi que par rapport au menu fixe en bas...) bref je me casse la tête pour que soit comptatible mon CSS avec IE et firefox... je comprends plus à l'aide ! Smiley bawling
Modifié par razy (25 Aug 2005 - 01:49)
Modérateur
salut,
je vois pas trop ce qui provoque ce bug, a part le fait que IE comprend hauteur et largeur comme hauteur et largeur minimale en s'autorisant a grandir les zones ainsi definie, donc si c'est le cas tu peut essayer de fixer la largeur pour #conteneur de cette façon : overflow-x:hidden; eventuellement si tu avais un lien vers la page en question, ça pourrait aider a comprendre cette difference (a priori) de largeur d'un navigateur a l'autre.cela peut-etre du a n'importe quoi, une balise mal refermé ou une simple erreur de frappe que IE ne digere pas... dans le css ou le html.
essaie de faire usage des validateurs w3c, pour epurer les erreurs eventuelles avant d'essayer mon bout de css si cela ne regle pas le probleme.

a plus
Modifié par gcyrillus (25 Aug 2005 - 23:58)
Sujet clos
Aller à