[HTML] Il tag "div id" semplcie problema

[[RenderMAN]]

A fine di una pagina vi è un disclaimer che dice che è vietato copiare dal sito, il codice è il seguente:

<div id="copyinfo">
La copia totale o parziale di materiale da questo sito è vietata.<br/>
</div>

</div>

</div>
<!-- // fine -->

</body>
</html>

Vorrei aggiungere ulteriori altre due righe di testo, il problema e che l'ultima parte della pagina e di un colore scuro, se aggiungo del testo, sfora e và a finire nella parte chiara, cosa che invece non vorrei.

Come faccio ad aggiungere altro testo mantenendo lo stesso sfondo scuro?

[MarcioPG]

Prima di tutto assicurati che le righe aggiunte siano subito dopo il <br/> e prima del primo </div>. Esempio:

<div id="copyinfo">
La copia totale o parziale di materiale da questo sito è vietata.<br/>
Linea1 di testo aggiunto.<br/>
Altra linea aggiunta.
</div>

</div>

</div>

Se lo hai già fatto allora occorrerebbe analizzare anche il CSS dell'intera pagina per rispondere alla tua richiesta.

Forse il div "copyinfo" ha background trasparente e negli stili di uno dei due div che si chiudono subito dopo c'è il "limite" alle due zone di colore diverse.

Cmq se la prima indicazione non aiuta occorre analizzare la pagina per intero per capire da dove originano i due sfondi diversi e come regolarli...

PS: il tag è "DIV", "ID" è un attributo del tag (di valore "copyinfo")

[[RenderMAN]]

Grazie, ci sono riuscito, riesco a farli stare nella parte scura, ma compare sotto una parte chiara che prima non compariva.

La parte del Css interessata dovrebbe essere questa:

/* Footer */

#footer{
 width:100%;
 height:120px;
 background-color:#36393d;
}

#mlogo{
 float:left;
 margin:20px;
 margin-left:100px; 
 height:42px;
 width:170px;
 background:url('../img/mlogo.png');
 background-color:#525456;
}

#footerblock{
 float:left;
 margin:10px;
 color:#aeaeaf;
 font-size:12px;
}

#footerblock a{
 color:#aeaeaf;
 text-decoration:none;
}

#flinks a:hover,
#flinks a:active{
 text-decoration:underline;
}

#flinks{
 margin:5px;
 margin-bottom:15px;
}

#copyright{
 margin:5px;
 margin-bottom:15px;
}

#copyinfo{
 margin-left:5px;
}

#pack1, #pack2 {display:  none;}
#copyright a,
#copyinfo a{
 color:#fff;
 border-bottom:1px dashed #fff;
}


#copyright a:hover,
#copyright a:active,
#copyinfo a:hover,
#copyinfo a:active{
 border-bottom:0px;
}





/* // Footer */

Si evince il sorgente per poter allungare la parte scura?

[MarcioPG]

direi che non basta: come minimo servirebbe l'HTML tra i tag BODY per provare a riscostruire l'eridarietà fino al div con il testo aggiunto.

Ancora meglio (io faccio sempre così) andarsi ad ispezionare la pagina effettiva con un plugin apposito del browser che "mostri" i dettagli (io su FF uso FireBug)...