28173 sujets

CSS et mise en forme, CSS3

bonjour,

je cherche à faire un site assez"long" au niveau de l'horizontalité.
je m'explique:
une div principale qui contient plusieurs div, les unes à la suite des autres, ce qui donne quelquechose d'assez long.( ce n'est pas pratique, mais je tiens à avoir cet effet)
mon soucis, est que la div principale s'adapte automatiquement à la largeur de l'écran. du coup, les dernières div (à droite) passent en dessous.

quelqu'un connait un moyen d'empêcher la div de s'adapter à la taille de l'écran?

merci.
Bonjour,

Je suppose que tu utilises des float. Néanmoins, est-ce que tu pourrais préciser un peu ta question en montrant une version simplifiée de ton code ici ?

Merci d'avance.
mon probleme ne vient pas de float g essayer avec float et avec les tables row et cell
je veux ne pas avoir a definir la largeur du div conteneur et qu il s adapte a la totalite des div qu il contient

sauf que des que ca depasse la largeur de l ecran les divs passent a la ligne
voila un exemple du code tel que j aimerai qu il fonctionne



.conteneur
{
	height:437px;
	width:auto;
	min-height:437px;
	max-height:437px;
	border-top:solid;
	border-top-width:8px;
	border-top-color:#410509 ;
	margin:0px;
	padding:0px;
	background:#7e1303;
	position:-3;
}
.photo
{
	float:left;
}
/*div menu*/
.menu
{
	width:173px;
	height:437px;
	float:left;
	background-image: url(../Images/degrade-menu.jpg);
	background-repeat:repeat-y;
}
	

.panier
{
	width: 235px;
	height:437px;
	float: left;
	background-image: url(../Images/motif.jpg);
	
}
	
.espace
{
	width:31px;
	height:437px;
	float: left;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#af3522;
	
}



Désolée Raphael, erreur de débutante, j'y penserais à l'avenir. Smiley smile
Modifié par eight-nine (31 Oct 2006 - 12:46)
Administrateur
Hello,

Pourrais-tu, comme le demandent les Règles, afficher tes codes correctement sur le forum, c'est à dire en les entourant des marques [ code] ton code [ /code] ?

Merci d'avance de bien vouloir respecter ces règles et de modifier ton premier message en conséquence.
Salut

C'est le comportement normal des éléments "block", ils occupent la largeur disponible, qui est ici la largeur de l'écran.

Tu as essayé d'élargir les balises html et body ? Genre
html, body {
   width: 200%;
}
?