Box com cantos arredondados

[Giovani 104]

Posicionamento e Layouts (Parte 03)

Nesse link tem algumas maneiras de como construir layout´s com cantos arredondados.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Ricardo.RFS 0]

isso eu já vi, mas não me ajuda como disse antes!

[Giovani 104]

Já utilizou todas as maneiras de fazer que o link tem?

[Ricardo.RFS 0]

sim se você visualiza a url acima vai verifica que não tem como...

[Ricardo.RFS 0]

conseguiiiiiiiiiiiiiiiiiiiiiii upiiii hehehehheheheso coloquei um { height: 100% ; } no hack-ie.css na parte do meio :D

[Ricardo.RFS 0]

Ai vai o codigo completo:

 

html

<div class="box">	<div class="box11"><div class="box12"></div></div>	<div class="box21">		<div class="box22">		<p>conteudo</p>		</div>	</div>	<div class="box31"><div class="box32"></div></div></div>

layout.css

/* BOX */.box { width: 100%; position: relative; }.box, .box11, .box21, .box31 { clear: both; }div.box11 { margin: 0px; background: transparent url('../img/box/box11.png') no-repeat top right; }div.box21 { margin: 0px; background: transparent url('../img/box/box21.png') repeat-y right; }div.box31 { margin: 0px; background: transparent url('../img/box/box31.png') no-repeat bottom right; }div.box12 { margin: 0 10 0 0; background: transparent url('../img/box/box12.png') repeat-y top left; }div.box22 { margin: 0 10 0 0; padding-left: 10px; background: transparent url('../img/box/box22.png') repeat-y; }div.box32 { margin: 0 10 0 0; background: transparent url('../img/box/box32.png') repeat-y bottom left; }div.box11, div.box12, div.box31, div.box32 { height: 10px; }/*  */

hack-ie.css

/* BOX */div.box11 { background: transparent url('../img/box/box11.gif') no-repeat top right; }div.box21 { background: transparent url('../img/box/box21.gif') repeat-y right; }div.box31 { background: transparent url('../img/box/box31.gif') no-repeat bottom right; }div.box12 { background: transparent url('../img/box/box12.gif') repeat-y top left; }div.box22 { background: transparent url('../img/box/box22.gif') repeat-y; height: 100%; }div.box32 { background: transparent url('../img/box/box32.gif') repeat-y bottom left; }/*  */

se alguem descobri algum defeito posta ai.

[Eiko 0]

http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

Para testar se está funcionando direitinho, você precisa colocar as imagens para download ou o link para visualização.

[Ricardo.RFS 0]

Problema consegui resolver, so tirei o texto inicial com o link e etc devido a estar aparecendo no google quando o pessoall buscava o site, ai me complico!

[Ricardo.RFS 0]

w w w . h i p e r b a l a d a . c o m . b r