[CSS] Problema con repeat-y

**Threepwood** · 26-06-2006, 15:13

Salve a tutti, dovrei impostare un background che si ripete verticalmente su una cella delal quale NON conosco l'altezza (varia a seconda della pagina).

facendo

codice:

<td background="img/societa/SOCIETA_04a.gif" style="background-repeat:repeat-y;"></td>

O impostando una classe del tipo

codice:

.sfm
{
	background-image:url(img/societa/SOCIETA_04a.gif);
	background-repeat:repeat-y;
	background-position:top;	
}

Non mi ripete l'immagine correttamente... come posso fare?

**fcaldera** · 26-06-2006, 15:22

background-position richiede due parametri

background-position:top;
non è corretto in quanto manca il parametro per l'allineamento orizzontale. Sostituisci ad esempio con

background-position:top left;

**Threepwood** · 26-06-2006, 15:23

Ciao, hai ragione sulla sintassi, ma il problema resta...

Il fatto è che non posso impostare l'height della cella... e pare che se non lo faccio s'arrabbi tanto

P.S. : con mozilla funzia.... è con IE che non va

**fcaldera** · 26-06-2006, 15:29

potresti definire

height: auto;

in questo modo il blocco assumerà altezza dipendente dal suo contenuto. Oppure potresti impostare un min-height

**Threepwood** · 26-06-2006, 15:31

idem...

ti spiego velocemente l'operatività : è la cella del menu di sinistra di una pagina dove, nel mezzo, ho un elenco di clienti.
Tale elenco può essere corto o lungo a seconda dei casi.. per cui non ho minimo o un max di altezza...

**fcaldera** · 26-06-2006, 15:40

ho provato a fare un esempio molto semplice con i dati che mi hai fornito... prova a cambiare l'immagine di sfondo con la tua

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>xhtml 1.0</title>
    </head>

    <style type="text/css">
    /* <![CDATA[ */
    table {
        border      : 1px #ccc solid;
        width       : 300px;
    }
    
    td.sfondo {
        width       : 60px;
        background  : url('thumb.jpg') top left no-repeat;
    }
    /* ]]> */
    </style>

<body>


<table>
    <thead>
        <tr>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="sfondo"></td>
            <td>
            lorem ipsum sit amen 
            lorem ipsum sit amen 
            lorem ipsum sit amen 
            lorem ipsum sit amen 
            lorem ipsum sit amen 
            lorem ipsum sit amen 
            </td>
        </tr>
    </tbody>
</table>
</body>
</html>

come vedi non ho definito l'altezza delle celle

Discussione: [CSS] Problema con repeat-y

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Problema con repeat-y

Permessi di invio