28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'espère que certains d'entre vous pourront me venir en aide.... la solution doit pas être très dur mais étant donné que je débute dans l'XHTML+CSS...

Alors voilà, j'ai besoin de faire un scroll vertical sur le corps d'une page Web car les dimensions du site sont fixées à 800*600px.
Donc, mon problème intervient avec IE6 (et oui encore lui.... Smiley biggol ) car celui-ci n'affiche pas mon postit en bas de mon contenu....

Voici mon code :

#page {
	width: 800px;
	height: 600px;
	margin: 10px auto 10px auto;
	padding: 8px;
	position: relative;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	
	/*-moz-border-radius: 6px;
	border-radius: 6px;*/
}

#corps {
	overflow: auto;
	width: 800px;
	height: 424px;
	font-family: "Maiandra GD";
	background-color: #017671;
}

#contenu {
	padding: 30px;
}

#postit {
	width: 300px;
	margin: 20px 0 50px auto;
	padding: 8px;
	border: 2px solid #FFCC33;
	
	/*-moz-border-radius: 12px;
	border-radius: 12px;*/
}
<div id="page">
	<div id="header"></div>
	<div id="corps">

		<h1>aaaaaaaaaaaaaaaaaaaaaaaa</h1>
		
		<div id="contenu">
			<h2>bbbbbbbbbbbbb</h2>
				bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

			<h2>ccccccccccccccccc</h2>
				bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

			<div id="postit">bla bla blaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

		</div> <!--Fin du <div id="contenu"> -->

	</div> <!--Fin du <div id="corps"> -->
</div> <!--Fin du <div id="page"> -->


J'espère que vous avez une idée pour me dépatouiller ! Smiley langue
Merci à ceux qui se pencheront sur mon problème....

@+ et merci d'avance Smiley cligne
Modifié par Tchupacabra (21 Oct 2005 - 16:03)
Smiley biggrin Smiley biggrin Smiley biggrin

Bon je viens de trouver où plutôt j'ai essayé au hasard !
J'ai rajouté display: bloack; dans #postit

Par contre, je ne comprends pas à quoi cela sert dans mon cas.... Smiley eek

Si vous pouviez éclairer ma lanterne ... Smiley cligne
Modifié par Tchupacabra (21 Oct 2005 - 16:02)