28173 sujets

CSS et mise en forme, CSS3

Pb overflow (asc horizontal) sous FF et moz !!! (blocs en float:left)

Bonjour à tous...

je deviens chèvre avec un overflow:auto et des blocs en float:left qui me collent un ascenseur horizontal alors qu'il devrait pas y en avoir...

vous pouvez jeter un oeil ici

<body>
		<div id="container">
			<div id="entete">
				&nbsp;
			</div>
			<div id="contenu">
				<div id="sacanews">
					<div class="news">
						<span class="date">10.01.06</span><h3>Titre de la news</h3>
						<p>Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Curabitur sed leo.</p>
					</div>
					<div class="news">
						<span class="date">10.01.06</span><h3>Titre de la news</h3>
						<p>Proin at eros non eros adipiscing mollis.</p>
					</div>
				</div>
			</div>
		</div>
	</body>


			#contenu {
				position: absolute;
				top: 101px;
				overflow: auto;
				bottom: 0px;
				width: 738px;
				margin: 0 11px 0 11px;
				padding: 0;
				background-color: #ff0;
			}
			#sacanews {
				position: absolute;
				margin: 0;
				padding: 0;
				top: 0px;
				bottom: 0px;
				width: 720px;
				background-color: #f00;
			}
			.news {
				float: left;
				width: 359px;
				height: 132px;
				border-bottom: 1px dotted #ababab;
				background: url(fond-news.gif) no-repeat 0px 0px;
				font-family: Verdana, Arial, sans-serif;
				font-size: x-small;
				color: #414b56;
			}


je comprends pas bien le hic... on dirait qu'il me colle des marges...
ça marche sous safari....
mais pas du tout sous FF et Moz !!!!
pourtant...

une idée ?

merci d'avance

mrbbp
Bonjour la chèvre, heu mrbbp,
Voila :
ton "sacanews" fait 720px, tu y met 2 new de 359px + le scroll vertical 16px (mise en place par "bottom: 0;" de "#sacanews") + du dépassement dans h3. FF nous fabrique une barre de scroll horizontale !
merci papillon, behhhhh
je suis bête à manger du foin...

pourtant j'avais vérifié....
je vais retenter avec les bonnes valeurs
Sujet clos
Aller à