La soluzione "logica" sarebbe di inserire un blocco (<div>) con il contenuto dentro un altro blocco con lo sfondo esterno con tutti i "bordi".
Questo sposta il problema sulla grafica, e non so se nel tuo caso e` risolvibile (non conosco le imamgini del tuo "bordo").
Comunque tecnicamente sarebbe:
codice:
<div id="contenitore">
<div id="contenuto">
<p align="center">Testo o Immagini</p>
</div>
</div>
Con CSS:
codice:
#contenitore {
width: ...;
height: ...;
background-image: url(...);
background-position: center center; /*probabilmente */
}
#contenuto {
margin: 60px;
background: white;
}
Nel contenitore devi definire le misure, altrimenti il margin del contenuto non sa a cosa appoggiarsi.
Tali misure possono anche essere espresse in %, nel qual caso devono essere definite le misure del blocco che lo contiene, e ricorsivamente fino al <body> E all'<html>.
Come dicevo, poi si tratta di realizzare un'immagine di sfondo da inserire nel #contenitore. Se lo sfono lo metti centrato, dovrai realizzare una cosa che sia gradevole ad ogni risoluzione. Probabilmente non e` una cosa banale: si trattera` di studiare una simmetria centrale, sapendo che sara` visibile sempre e solo una fascia di 60px.
Ma questo e` un problema diverso, per cui puoi chiedere nel forum di grafica (se realizzi prima una pagina di prova con uno sfondo anche sbagliato e posti il link, loro ti capiranno piu` facilmente).
Rispondi quotando
