Ciao ragazzi
Sto provando a fare un layout con angoli arrotondati.. Ho un problemino pero':
Intanto nel #perbordisx ho ripetuto una linea di 3px lungo l'asse y partendo dall'angolo in alto a sx, liberandomi lo spazio dal contenuto interno tramite l'impostazione di margin-right all'interno di #con.

Bene quando ho provato a fare lo stesso in #perbordidx, il margin-left sempre all'interno di #con non viene applicato e di conseguenza l'immagine viene coperta dallo sfondo di #con....

Nel codice ho scritto un commento accanto alla riga che non viene eseguita...

Ecco come lo sfondo copre il bordo dx:


Ecco il codice:
codice:
<html>
	<head>
		<style type="text/css">
		body{
		margin:0 10%
		}
		
		#con{
		width:100%;
		overflow:hidden;
		background: #fcf url(Css/Layouta2liquido/layoutadueliquidocolsx.gif) 30% 0 repeat-y;
		margin-left:5px;
		margin-right:-5px;  /* questo non viene applicato*/
		}
		
		#c1{
		width:30%;
		float:left
		}
		
		#c2{
		width:70%;
		float:left
		}
		
		#perbordidx{
		background:url(8.gif) top right repeat-y
		}
	
		
		p{
		margin: 0.7em
		}
		
		#piep{
		margin:0;
		}
		
		#perbordisx{
		background:url(8.gif) top left repeat-y
		}
		
		</style>
		
		
<div id="perbordisx">
	<div id="perbordidx"> 	
				<div id="con">
					<div id="c1"> 

 cioa 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 </p> </div>
					<div id="c2"> 

 Colonna 2 </p> </div> 
				</div>	
	</div> 
</div>


</head>
</html>
Grazie in anticpo a chiunque vogli aiutarmi..