Salve,
ho la necessità di mettere n celle, ognuna con colore diverso, allineate e disposte su diverse righe. Vorrei usare i layer e quindi ho provato a creare un codice di questo tipo:
codice:
<html>
<head></head>
<body>
<div style="width:120px;height:30px;display:inline-table;">
<div style="table-row">
<div style="table-column">
<div style="position:relative;width=60px;height:30px;left:0px;top:0px;background-color:red;display:table-cell;"></div>
</div>
<div style="table-column;">
<div style="position:relative;width=60px;height:30px;left:0px;top:0px;background-color:yellow;display:table-cell;"></div>
</div>
</div>
</div>
</body>
</html>
Non mi va... (Ho sparato a caso questo esempio qua... :maLOL:
Ho provato quindi così:
codice:
<html>
<head></head>
<body>
<div style="width:120px;height:30px;">
<div style="position:relative;width=60px;height:30px;left:0px;top:0px;background-color:red;"></div>
<div style="position:relative;width=60px;height:30px;left:60px;top:0px;background-color:yellow;"></div>
</div>
</body>
</html>
Mi esce però fuori una specie di scalinata... :rollo:
L'unico modo in cui mi riesce è quello di usare una tabella di dimensioni opportune dentro ciscun layer... proprio quello che voglio evitare insomma... come mai, nel secondo esempio, il secondo frame viene posizionato sotto e non a fianco del primo?