28172 sujets

CSS et mise en forme, CSS3

Bonjour,
je souhaite définir la taille et la position d'un cadre.
Il faut qu'il s'adapte a la taille de mon écran.

*#texte {
width: 96%;
padding: 0%;
height: 65%;
position: absolute;
left: 2%;
top: 26%;
background-color: maroon;
}

je voudrais aussi lui donner des dimension minimum.

*#texte {
width: 400px;
padding: 0px;
height: 300px;
position: absolute;
left: 10px;
top: 50px;
background-color: maroon;
}

je cherche donc a combiner ces 2 exemples
Je veux que ma couche soit compris entre 96% de ma page et soit au minimum de 400px de largeur. Je veux qu'elle s'adapte au mieux a la taille de la fenêtre de mon navigateur tout en ayant une taille mini pour être lisible.

Merci pour votre aide
Nico
Modérateur
Hello Nicosne et bienvenue,

Je te propose de regarder attentivement ceci :



#texte{
	width:90%;
	min-width:500px;
}



Par ailleurs et stp, je te propose de rééditer ton message suivant les règles du forum (insertion de ton code CSS avec le bouton code - règle 13).

Bonne soirée à toi
Modifié par Nolem (06 Jul 2009 - 23:24)
Bonjour,

Comme signalé par nolem, il faudrait que tu édites ton message pour rajouter les balises [ code] et [ /code] autours de tes portions de code, pour plus de lisibilité.

Ensuite, as-tu une raison particulière pour utiliser le positionnement absolu ? Si non, pour centrer ton bloc, tu peux mettre les marges gauche et droite à auto.
Désolé je n’avais pas vu qu’il fallait insérer son code. Smiley bawling
pour la taille de mon cadre cela fonctionne.
Par contre je souhaite faire de même pour le positionnement.
Est ce possible?
je que ma position sur la page soit compris entre
left: 15%;
et
left: 3px;
puis entre
top: 25%;
et
top: 25%;


*#cadre    {
	width:70%;
	min-width:448px;	 
	height: 65%;
	min-height: 312px;
	position: absolute;
	left: 15%;
left: 3px;
	top: 25%;
	background-color: maroon;
}