altezza pagina

[ifts2004]

ciao a tutti.vi posto il mio file css

body { 	
background-color:#a6bf79;
 	color:#000000; 
	font-family: Verdana,
 Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin: 10px 10px;
 	padding: 0px; } 
#container { 
	margin: 0px auto;
	text-align: left; 
	width: 717px; }
 a{ 	font-size:12px; 
	color:#28556b }
 a:hover{ 
	text-decoration:underline;
 	color:#E28A05; 	 } 
p{ 	margin: 15px 0px; } /********************** immagini ***************************/ 
#box { 
box-shadow:3px 3px 10px #333333;
 margin:0.5em; float:right; }  
#box_center {
 box-shadow:3px 3px 10px #333333;
 margin:0.5em; margin-left:100px;  }    /********************** Header ***************************/ 
#header { 	margin: 0px 0px 0px 0px; 
	background-image:url(images/header.jpg);
 	width:717px; 
	height:200px; 
	position:relative; }
 #header ul{
 	background-color:#85a157;
 	width:711px; 
	border: 3px solid #FFFFFF; 
	display:block; 
	top:185px; 
	position:absolute; 
	margin: 0px 0px 0px 0px; 
	height:22px; 
	padding:5px 0px 0px 0px; 
	text-align:center; } 
#header li{ 	display:inline;
	 } 
#header ul a{
 	text-decoration:none; 
	color:#FFFFFF; 
	margin: 0px 15px; }
 #header ul a:hover{ 
	text-decoration:underline;
 	color:#28556b; }
  /********************** Content ***************************/ 
#content { 	background-image:url(images/content_bg.gif); 
	width:717px; 	 	 }
/********************** Content ************************ ***/ 
h1{ 	color:#000000;
 	font-size:20px; 
	margin: 20px 20px 10px 40px; 	 }      
 h1 a{ 
	border-top-color: #ada6a6; 
	color: #000000; 
	font-size:20px; 
	text-decoration: underline;   	  	 } 
  h2{
 	color:#000000;
 	font-size:14px; 
	text-align:left; 
	margin: 10px 10px 10px 0px; } 
  /******************* BOTTONE DOWNLOAD E VISUALIZZA ************************/ 
.open {    border-top: 1px solid #363636;
    background: #525252;
    background: -webkit-gradient(linear, left top, left bottom, from(#252829), to(#525252)); 
   background: -moz-linear-gradient(top, #252829, #525252);
    padding: 6px 12px; 
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
   border-radius: 8px; 
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0; 
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white; 
   font-size: 15px; 
   font-family: Georgia, serif; 
   text-decoration: none; 
   vertical-align: middle;        } 
.open:hover {   
 border-top-color: #ada6a6; 
   background: #ada6a6;
   color: #121112;    }
 .open:active { 
   border-top-color: #191a1a; 
   background: #191a1a;    }  
   .open a{color:#222222;} 
.open a:hover{color:#111111;}
  .boldtxt{ 	font-family:Georgia, "Times New Roman", Times, serif; 	text-align:justify; 
	font-weight: bold; 	 	}  
#lavor { 	float:left;
	width:674px;
 	margin-left:10px;
 	margin-right:30px;
 	padding: 30px 20px 30px 12px;
 	display:inline; 
	height:280px; 
	font-family:Georgia, "Times New Roman", Times, serif;
 	text-align:justify; 
	text-decoration:none; } 
   #sport { 	float:left; 	
width:674px; 
	margin-left:10px;
 	margin-right:30px; 
	padding: 30px 20px 30px 12px; 
	display:inline; 
	height:480px;   
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:justify;} 
#chis { 	
float:left; 	
width:674px;
 	margin-left:10px; 
	margin-right:30px; 
	padding: 30px 20px 30px 12px; 
	display:inline; 	height:480px; 
 	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:justify;}   
#contact { 	float:left; 
	width:674px; 
	margin-left:10px; 
	margin-right:30px; 	
padding: 30px 10px 10px 0px; 
	display:inline; 
	height:510px;  
 	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:justify;}   
#index { 	float:left;
 	width:674px; 
	margin-left:10px; 
	margin-right:30px; 
	padding: 30px 20px 30px 20px; 
	display:inline; 
	height:280px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:justify; 
	}   
#testoForm{ 	
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:1px; 	}  /********************** Footer ***************************/ 
#footerline {
clear:both; background-image:url(images/footer_bg.gif); 
font-size:1px;
height:10px; 
font-family:Georgia, "Times New Roman", Times, serif; top:30px;
} 
#footer { 	
width:717px; 	
text-align:center; 	
padding: 20px 0px;
 }

avrei il seguente problema...ho dovuto creare index ,chis,sport, contact,lavor che sono tutti uguali, ma che cambiano unicamente solo per il aprametro height, inquanto le diverse pagine devono avere un 'altezza differente..non avendo molta esperienza in CSS chiedo se c'è la possibilità di ovviare questo problema, mettendo unicamente una sola classe con la possibilità di far variare l'altezza...purtroppo con i css non esistono gli IF...ma è quello che proprio mi servirebbe


grazie

[Prill]

Ciao, per semplificare potresti creare una classe con tutte le impostazioni comuni e poi assegnare le altezze diverse a quell'elemento quando sia figlio di un body con id diverso, ad esempio:

.boxComuneDaRinominare { 	
        float:left;
	width:674px;
 	margin-left:10px;
 	margin-right:30px;
 	padding: 30px 20px 30px 12px;
 	display:inline; 
	font-family:Georgia, "Times New Roman", Times, serif;
 	text-align:justify; 
	text-decoration:none;
 } 
#lavor .boxComuneDaRinominare{ 
	height:280px;
} 
#sport .boxComuneDaRinominare  {
	height:480px;   
} 
#chis  .boxComuneDaRinominare { 
 	height:480px; 
}   
#contact .boxComuneDaRinominare {
	height:510px;  
}

e nelle varie pagine avere <body id="lavor"> e cosivvia.
Forse non semplifica tanto però...

[ifts2004]

una cosa.visto che io ho dei div devo semplicemente fare <div id="sport">blldsfldsldsf</div>
oppure devo fare tipo <div class="boxComuneDaRinominare" id="sport>dfdsfdsfdsf</div>???

[Prill]

Nel mio esempio avresti in tutte le pagine <div class="boxComuneDaRinominare"> e sul body della pagina index <body id="index">, nella pagina contatti <body id="contact"> eccetera, cioè non vai a variare gli id sui div, né ripeti nel css le impostazioni per tutti, ne hai uno solo la cui altezza varia a seconda dell'id del body