28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai modifié le css d'un script (annonces immobilière) pour réduire la largeur en ajoutant la balise width comme ci dessous :

body {
	background-color: White;
	width: 600px


Aucun problème sous firefox c'est bien réduit comme je le souhaite mais sous ie7 aucun changement. Etant assez débutant dans ce domaine, je viens vous demander de l'aide.

Merci
Salut,

Je ne sais pas s'il y a d'autres propriétés css après cela, mais si c'est le cas, cela ne doit pas marcher en raison du ";" qui manque à la fin de la ligne. Ceci dit, cela ne devrait pas marcher non plus sur FF.

Aurais tu la page en ligne pour qu'on puisse y jeter un coup d'oeil, il sera plus facile d'identifier l'erreur ? Ou au moins l'intégralité du code html et css. Smiley cligne
As tu essayé d'englober tout ton contenu dans une div à laquelle tu donne les styles que tu as donné à ton body. Je ne me souviens plus trop, mais je crois que tu ne peux pas redimensionner le body sur IE. En passant par une div, tu devrais pouvoir faire marcher le tout. A essayer.
Merci de ta réponse. Seulement comment dois-je nommer ce div dans le css?

Pour l'instant j'ai ceci :

body {
	width:600px;
	background-color:#FFFFFF;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006400;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;	
	font-size: 11px;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}
a {
	color: Black;
	text-decoration: none;
}
/* Form Input Display */
form {
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
}
input,select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* View Property Page Layout (layout_view.php) */
table.lvp_top_nav_menu_bg { 
   background-color: #F1B84C;
   padding-bottom: 2px;
   padding-top: 2px;
}

/* Property Results Page Layout (layout_results.php) */
table.lrp_bg { 
   background-color: #F1B84C;
}
/* Property Status Text Colour */
p.propertystatus { 
	color: #B22222;
	font-weight: bold;
}
/* Property Print Fact Sheet*/
p.factsheet_title {
	color: Navy;
	font-weight: bold;
	padding-bottom: 2px;
   padding-top: 2px;
	font-size: 16px;
}
 @media print {
    body { font-size: 10pt }
  }
  @media screen {
    body { font-size: 13px }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }


Merci