Ciao a tutti, sto tentando di fare questa cosa con i CSS ma probabilmente sbaglio qualcosa...
La cosa in questione sarebbe questa:
Vorrei fare una pagina con sfondo bianco
e un'immagine rettangolare con bordi arrotondati in cui andare a inserire le pagine (titolo e contenuti).
Tutto questo senza tabelle, ma con i CSS
ho quindi creato sulla mia pagina php questi <div> che se non ho capito male dovrebbero appunto definirmi, livelli e struttura. (o almeno la mia intenzione sarebbe quella)

codice:
<div class="contenitore" id="con">
	<div class="tab_contenitore_ang_sup_sx" id="con_ass"></div>
	<div class="tab_contenitore_parte_sup" id="con_p_sup"></div>
	<div class="tab_contenitore_ang_sup_dx" id="con_asd"></div>
	<div class="tab_contenitore_parte_lat_sx" id="con_als"></div>
	<div class="tab_contenitore_sfondo" id="con_sfondo"></div>
	<div class="tab_contenitore_parte_lat_dx" id="con_ald"></div>
	<div class="tab_contenitore_ang_inf_sx" id="con_ais"></div>
	<div class="tab_contenitore_parte_inf" id="con_p_inf"></div>
	<div class="tab_contenitore_ang_inf_dx" id="con_afd"></div>
</div>

<div class="pagina" id="pag">
	<div class="titolo" id="t_sx">
	</div>
        <div class="contenuti" id="con">
	</div>
</div>
mentre nel CSS ho messo questo

codice:
.contenitore {
	/*border:#FF0000 medium solid ;*/
	position:absolute;
	top: 124px;
	left: 8px;
	width:694px;
	height:493px;

}

.titolo {
	/*border:#FF0000 medium solid ;*/
	position:absolute;
	top: 0px;
	width:670px;
	text-align:center;
	
}

.contenuti {
	/*border:#FF0000 medium solid ;*/
	position:absolute;
	top: 50px;
	width:670px;
	text-align:center;
}

.tab_contenitore_ang_sup_sx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/ang_sup_sx.gif);
	top:0px;
	left:0px;
	position:relative;
	width:12px;
	height:12px;

}

.tab_contenitore_parte_sup { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/parte_sup.gif);
	background-repeat:repeat-x;
	position:relative;
	top:-12px;
	left:12px;
	width:670px;
	height:12px;
}

.tab_contenitore_ang_sup_dx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/ang_sup_dx.gif);
	position:relative;
	top:-24px;
	left:682px;
	width:12px;
	height:12px;
}

.tab_contenitore_parte_lat_sx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/parte_lat_sx.gif);
	background-repeat:repeat-y;
	position:relative;
	top:-24px;
	left:0px;
	width:12px;
	height:471px;
	
}

.tab_contenitore_sfondo { 
	background-color:#FFFFFF; 
	background-repeat:repeat;
	position:relative;
	top:-496px;
	left:12px;
	width:682px;
	height:471px;
	
}

.tab_contenitore_parte_lat_dx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/parte_lat_dx.gif);
	background-repeat:repeat-y;
	position:relative;
	top:-967px;
	left:682px;
	width:12px;
	height:471px;
}

.tab_contenitore_ang_inf_sx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/ang_inf_sx.gif);
	position:relative;
	top:-967px;
	left:0px;
	width:12px;
	height:12px;
}

.tab_contenitore_parte_inf { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/parte_inf.gif);
	position:relative;
	top:-979px;
	left:12px;
	width:670px;
	height:12px;
}

.tab_contenitore_ang_inf_dx { 
	background-image:url(../imm_pezzi_sito/tab_sfondo/ang_inf_dx.gif);
	position:relative;
	top:-991px;
	left:682px;
	width:12px;
	height:12px;
}
allora il mio problema era appunto creare lo sfondo, l'immagine rettangolare con bordi arrotondati.
ovviamente per non caricare un'immagine enorme e troppo pesante ho pensato di creare solo le immagini degli angoli e dei bordi per poi farle ripetere, come si fa solitamente quando si usano le tabelle.

Ho usato position:relative; perchè con position:absolute; non me li posizionava correttamente.
solo che... in questo modo...
A. le coordinate sono.. be.. un po strane (top:-991px; left:682px e non ne capisco nemmeno molto il senso.
B. su firefox funziona... ma su ie l'ìimmagine la crea ma sotto l'immagine mi metto un mare di spazio vuoto facendo uscire la scrollbar verticale.

Sapete darmi una mano?
Vi ringrazio per l'aiuto. ^_^

ps se non sono stato chiaro, chiedete pure.