28220 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un problème de mise en page, lorsque l'utilisateur change de taille de police dans son navigateur.
Les images flotantes reste à la taille bien entendu, mais le texte et la mise page change complètement Smiley decu

les CSS
.cadre
	{
	font-size: 1.1em;
	color: #000000;	
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	background-color: #F8F8FC;
	border: solid 3px #a6aad3;
	}
	 html>body #cadre
  	{
		width: auto;
	}
.image
	{
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	margin-left: 5px;
	border: none;
	}
.image3
	{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 20px;
	border: none;
	}


le HTML

<p class="cadre"><img class="image3" title="truite" alt="truite" src="Images/truite2.jpg" />
Bonjour ami p&ecirc;cheur,<br />
Parce que vous &ecirc;tes un adh&eacute;rent ou tout simplement par curiosit&eacute; ou envie de 
mieux nous conna&icirc;tre, vous vous rapprochez de nous &agrave; l'aide de notre site, il 
est fait aussi pour cela.<br />
Sachez que nous nous en r&eacute;jouissons et restons disponibles autant que cela ce 
peut afin de vous donner toutes les informations concernant notre existence, 
nos actions, nos objectifs, notre mani&egrave;re d'&eacute;voluer ainsi que les crit&egrave;res 
d'adh&eacute;sion.<br />
Soyez donc le bienvenu et passez nous voir chaque fois que vous jugerez bon de 
nous rejoindre.<br />
A bient&ocirc;t sur le site et peut &ecirc;tre au bord de l'eau!<br />
<b>Pierre Semp&eacute;</b>
</p>
<h2>SAISON 2005</h2>
<p><img class="image" alt="Pierre.jpg" title="Pierre.jpg" src="Images/Pierre2.jpg" />
<p>La pêche de la truite sur l'année 2005 laissera à certains d'entre nous un souvenir plutôt amer. Effectivement, après une ouverture moyenne, ce qui est de plus en plus 
fréquent, certaines régions ont eu un réseau hydrographique qui s'est avéré dès le mois d'avril assez catastrophique, 
avec un niveau d'étiage.</p>
<p> Nous savons à ce jour que la pluie a été très longtemps absente provoquant des dégats piscicoles et mettant les pêcheurs au 
repos forcé! D'autres régions un petit peu plus favorisées ont autorisé une pratique correcte de notre pêche avec des résultats 
bien sûr en dent de scie, mais, qu'importe dans la mesure ou l'on peut se faire plaisir! Se retrouver au bord de l'eau après 
une semaine de contraintes ne peut qu'apporter beaucoup de satisfaction, favorisant une pratique attentionnée, réfléchie et propre.</p>
<p>C'est souvent dans ces conditions que le poisson répond présent. Il faut bien que de temps en temps il nous accorde sa gentillesse, 
qu'il vienne nous rendre visite afin de prendre un peu l'air avant qu'on le replonge dans son élément.</p>
<p> Les gros orages de fin de saison ont été pour certains catastrophiques, entraînant des dégâts matériels importants. 
Pour la plupart des rivières les pluies ont été bénéfiques, nettoyant un peu les lits et apportant une fraîcheur et oxygénation 
souvent très attendues. Dans l'ensemble, cette situation aura favorisé une période de fermeture plutôt optimiste, nous permettant 
d'exercer notre passion dans des conditions relativement favorables.</p><p> Souhaitons que la saison 2006 soit compensatrice et apporte 
à chacun de nous ce que nous recherchons: des moments de bonheur. 2005 est mort, vive 2006!</p>


la page est visible là www.assoc-sempe.com
Modifié par Flyman30 (01 Dec 2005 - 13:04)
Plop,

sous quel navigateur a été constaté le souci?
Pcq sous Firefox aucun problème de mise en page qui saute lors de l'agrandissement de la police.
tyx a écrit :
Plop,

sous quel navigateur a été constaté le souci?
Pcq sous Firefox aucun problème de mise en page qui saute lors de l'agrandissement de la police.


IE6 Smiley biggol ET FireFox tu n'as pas du aller assez loin Smiley biggrin
Je confirme que sous FF 1.5 aucun souci lors du dimensionnement de la police, pareil sous IE, pas de probléme.

Peut être une capture d'écran pour nous montrer ce qui te géne ?
Bonjour

Poiur éviter ces effets de l'agrandissement des caractères, ne pas dimensionner les conteneurs et marges en em. Les dimensionner en % ou en px.
Laurent Denis a écrit :
Bonjour

Poiur éviter ces effets de l'agrandissement des caractères, ne pas dimensionner les conteneurs et marges en em. Les dimensionner en % ou en px.



OK je vais faire ça merci, je pensais que les em étaient plus indiqués Smiley ohwell