problema contenitore

**spawn88** · 06-04-2012, 19:24

buongiorno a tutti,
ho creato un contenitore div ma da pagina a pagina cambia le dimensioni dello sfondo e non capisco perchè....
es...questa è il css:

codice:

.contenitore{
	height = 800 px;
	width = 600 px;
	border = 0px;
	background-image: url(sfondo2.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

e questa è una pagina con sfondo corretto:

codice:

<html>
	<head>
		<title></title>
	        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel='stylesheet' type='text/css' href='cont.css'/>
	</head>
	<body>
		<?php include("menu.htm") ?>
	
	        <div class="contenitore" align="center"> 
		   <form enctype="multipart/form-data" method="post" action="clipolupload.php" >
			//corpo del form
		   </form>
        	</div>
        </body>
</html>

mentre questa è la pagina che mi taglia l'immagine:

codice:

<html>
   <head>
      <title></title>    
         <link rel='stylesheet' type='text/css' href='cont.css'/>
   </head>
   <body>
      <?php include("menu.htm") ?>
      <div class="contenitore" align="center">
         <form method="post" action="registra.php">
            //corpo del form
 	    <input type="submit" value="Conferma">
	    <input type="reset" value="Reset">
         </form>
      </div>
   </body>
</html>

esattamentte mi taglia l'immagine subito dopo i tasti di conferma e reset.
qualcuno riesce ad illuminarmi?
grazie a tutti in anticipo

**Prill** · 06-04-2012, 20:04

Proprio quello il css?

codice:

height = 800 px;
width = 600 px;
border = 0px;

via il segno uguale, al suo posto i due punti e nessuno spazio fra valore e unità di misura (800px non 800 px)

**spawn88** · 06-04-2012, 20:08

ottimo grazie ma perche adesso non è centrato nonostante abbia messo:

codice:

background-position:center;

???

**Prill** · 06-04-2012, 20:24

Prova così:

codice:

.contenitore{
	height:800px;
	width:600px;
	border:0px;
	background-image: url(sfondo2.gif);
	background-repeat:no-repeat;
	background-position:center;
}

(il bordo mi pare inutile specificarlo ma l'ho lasciato)

**spawn88** · 06-04-2012, 21:15

perfetto lo sfondo, ma non so perchè le tabelle all'interno del contenitore si sono spostate tutte a sinistra come se hanno perso la formattazione

why?

**Prill** · 07-04-2012, 08:08

Non vedo alcuna tabella nel tuo codice, parli dunque di altre pagine? Impossibile dirti senza vederle. Un link sarebbe utile. Intant, se i codici che hai messo erano quelli completi di alcune pagine, manca un doctype e sarebbe opportuno che tutti contenuti fossero inseriti in un div, un contenitore esterno (sia il menu che includi da altro file sia il form). Poi anche l'attributo align sarebbe da passare via css (text-align:center; ) oppure l'allineamento al centro del form può ottenersi con un margin:0 auto su di esso dopo averne impostato anche la larghezza

**spawn88** · 07-04-2012, 17:01

hai ragione, adesso ti posto la pagina completa:

codice:

<html>
<head>
<title>Registrazione cliente</title>    
	<div align="center">
		[img]LOGO.gif[/img]</div>
	</div>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel='stylesheet' type='text/css' href='cont.css'/>
</head>
<style type="text/css">
<!--
	.Stile1 {font-family: Verdana, Arial, Helvetica, sans-serif;
			 font-size: 14px;
			 color: #0033CC; }
		 
	.Stile2 {font-family: Verdana, Arial, Helvetica, sans-serif;
			 font-size: 16px;
			 color: #0033CC; }
-->
</style>

<body>
	<?php include("menu.htm") ?>
	<div class="contenitore" align="center">
	

</p>
	

</p>
	

</p>
	<h2 align="center" class="Stile2">Aggiungi nuovo cliente</h2>
	<form method="post" action="registra.php">
	    <table width="580" border="3" bordercolor="#0033CC" bgcolor="#CCCCCC">
        <tr>
          <td width="264"><span class="Stile1">Codice cliente:</span></td>
          <td width="300"><input type="text" size="50" name="idcliente"></td>
        </tr>
        <tr>
          <td><span class="Stile1">Nome:</span></td>
          <td><input type="text" size="50" name="nome"></td>
        </tr>
        <tr>
          <td><span class="Stile1">Cognome:</span></td>
          <td><input type="text" size="50" name="cognome"></td>
        </tr>
        <tr>
          <td><span class="Stile1">Codice Fiscale:</span></td>
          <td><input type="text" size="50" name="codicefiscale"></td>
        </tr>
		<tr>
          <td><span class="Stile1">Cev:</span></td>
          <td><input type="text" size="50" name="cev"></td>
        </tr>
        </table>
	    

	    <input type="submit" value="Conferma">
		<input type="reset" value="Reset">
	</form>
	</div>
</body>
</html>

premetto che sono alle prime armi con css se hai qualche consiglio da darmi per questa pagina te ne sarei molto grato.

**Prill** · 07-04-2012, 20:14

Usando il tuo codice (aggiungendo il doctype, rimuovendo quel div in head e spostando il foglio di stile prima della chiusura di head):

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Registrazione cliente</title>    
<link rel="stylesheet" type="text/css" href="cont.css" />

<style type="text/css">
<!--
#main {
	text-align:center;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0033CC;
}
form table {
	width:580px;
	border:3px solid #0033cc;
	background-color:#cccccc;
	margin:0 auto;
}
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0033CC; 
	border:1px solid #0033cc;
}


-->
</style>
</head>
<body>
<div id="main">
<?php include("menu.htm") ?>	
  <div id="logo">
     [img]LOGO.gif[/img]
   </div>

   <div class="contenitore">
	<h2>Aggiungi nuovo cliente</h2>
	<form method="post" action="registra.php">
	  <table>
           <tr>
            <td width="264">Codice cliente:</td>
            <td width="300"><input type="text" size="50" name="idcliente" /></td>
          </tr>
          <tr>
            <td>Nome:</td>
            <td><input type="text" size="50" name="nome" /></td>
          </tr>
          <tr>
            <td>Cognome:</td>
            <td><input type="text" size="50" name="cognome" /></td>
        </tr>
        <tr>
          <td>Codice Fiscale:</td>
          <td><input type="text" size="50" name="codicefiscale" /></td>
        </tr>
		<tr>
          <td>Cev:</td>
          <td><input type="text" size="50" name="cev" /></td>
        </tr>
        </table>
	    

	    <input type="submit" value="Conferma" />
		<input type="reset" value="Reset" />
	</form>
	</div>

</div>
</body>
</html>

se vuoi lavorare senza tabelle e costruire un form più accessibile (l'esempio non rende precisamente l'aspetto del form con la tabella, ma può essere migliorato coi css):

codice:

<div style="width:580px;text-align:right; border:3px solid #0033cc;background-color:#cccccc;margin:0 auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;	color: #0033CC;">
	<form method="post" action="registra.php" style="width:520px;text-align:right;margin:10px auto; line-height:26px;">
	  <label for="idcliente">Codice cliente:</label>
          <input type="text" size="50" name="idcliente" />
	    
          
            <label for="nome">Nome:</label>
            <input type="text" size="50" name="nome" />
	    

            <label for="cognome">Cognome:</label>
            <input type="text" size="50" name="cognome" />
	    

          <label for="codicefiscale">Codice Fiscale:</label></td>
          <input type="text" size="50" name="codicefiscale" />
	    

          <label for="cev">Cev:</label>
          <input type="text" size="50" name="cev" />
	</form>
</div>

per far prima ho messo delle dichiarazioni di stile in linea

**spawn88** · 08-04-2012, 17:00

perfetto...grazie mille ma se volessi mettere questa parte di codice

codice:

<style type="text/css">
<!--
#main {
	text-align:center;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0033CC;
}
form table {
	width:580px;
	border:3px solid #0033cc;
	background-color:#cccccc;
	margin:0 auto;
}
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0033CC; 
	border:1px solid #0033cc;
}


-->
</style>

nella pagina cont.css come dovrei fare?
perchè ho provato a trascriverli in cont.css ma non funziona

**Prill** · 08-04-2012, 19:01

Nel css esterno vanno solo le regole

codice:

#main {

eccetera

senza il tag style e i commenti ()

Discussione: problema contenitore

Strumenti discussione

Ricerca discussione

Visualizza

problema contenitore

Permessi di invio