livelli

**zoc** · 18-11-2004, 19:40

ciao a tutti....ho sempre preferito evitare i livelli a causa della loro cattiva fama, pero' ora mi trovo costretto...
ho questo codice:

<div id="Layer1" style="position:absolute; width:116px; height:114px; z-index:1; left: 205px; top: 456px;">

Testo</p>
</div>

e vorrei metterlo come se fosse dentro a un td e lo seguisse se la pagina del browser viene stiracchiata...tutto e' perfetto tranne che appunto la posizione del livello e' absolut...

e' possibile metter un form all'interno di un livello?

ciao e grazie!!

**Jerry Masslo** · 18-11-2004, 20:45

cattiva fama?

va be', le risposte sono sì e sì

se vuoi che un layer faccia riferimento non alla finestra del browser ma a un elemento devi annidarglierlo e dare all'elemento position:relative

**zoc** · 18-11-2004, 21:56

ma mi fa' sfasare tutta l'impaginazione se metto relative...

**Jerry Masslo** · 18-11-2004, 22:34

cerco di interpretare

relative lo devi dare all'elemento cui vuoi ancorare l'absolute non all'absolute

**zoc** · 21-11-2004, 04:31

mi puoi fare un esempio di testo che si trova dentro a un td...il testo si deve trovare a 30 px di top e 30 px di left (del td ovviamente)....e ridimensionando le dimensioni della finestra il testo deve seguire il td...

grazie mille!!!

**Jerry Masslo** · 21-11-2004, 12:26

credo che tu non abbia tutti i torti a proposito di cattiva fama

generalmente non mi occupo di tabelle per cui non mi ci ero imbattuto;

<html>
<head>
<title>Layer ancorato a cella</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {background:gray}
table {height:60%;
width:90%;
margin-left:5%;
margin-top:10%;
}
td {
background:silver;
}
.relativo {position:relative;
display:block!important;
display:inline;
height:100%!important;
height:auto;
}
.layer {width:100%;
position:absolute;
left:30px;
top:30px;
background

live;
color:white;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr>
<td class="relativo">
<div class="layer"><h1>il layer ancorato alla cella
Opera sballa</h1></div>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

Il problema è che ogni browser fa a modo suo, quel codice va bene per ie e mozilla ma non per opera così non ho trovato altro modo che usare un ulteriore div

<html>
<head>
<title>Layer ancorato a cella via div</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {background:gray}
table {height:60%;
width:90%;
margin-left:5%;
margin-top:10%;
}
td {
background:silver;
vertical-align:top
}
.relativo {position:relative}
.layer {width:100%;
position:absolute;
left:30px;
top:30px;
background

live;
color:white;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr>
<td>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td><div class="relativo"> <div class="layer"><h1>il layer ancorato alla cella grazie a un altro div
non sballa nessuno</h1></div></div></td>
</tr>
</table>
</body>
</html>

ho riletto ora il tuo post iniziale e mi accorgo adesso che dopo tutto il casino di un absolute dentro una cella non ti fregava nulla della tabella

va be', ora devo fare il bagnetto, lavato e stirato cercherò di farti l'esempio che cerchi che dovrebbe essere molto più semplice

Discussione: livelli

Strumenti discussione

Ricerca discussione

Visualizza

livelli

Permessi di invio