Ciao a tutti mi sono appena iscritto al forum e da pochi giorni sto provando a utilizzare i css invece delle vecchie amate table.
Vi ho letto con attenzione e ho trovato che sono già state trattate problematiche simili alla mia ma francamente non ho trovato o capito la soluzione.
Io devo semplicemente avere un contenitore con i 4 bordi fatti da 4 immagini diversi che si ripetono per x o y. Il contenitore ha dimensioni variabli in base al contenuto interno.
Allego un esempio dove i bordi laterali non si espandona per l'altezza del div con il testo.
(ho letto molta documentazione sul problema dell'altezza dei singoli div!! ho cercato altri modi per fare questi benedetti bordi ma non ho trovato nulla!)
CSS:
div.Form_Container {
height: 100%;
width: 100%;
}
div.Form_Internal_container {
height: 100%;
width: 100%;
}
div.Form_Internal_border_left {
float: left;
height: 100%;
width: 3px;
background: url(/Image/Window/form_dot_left.png) repeat-y;
}
div.Form_Internal {
float: left;
height: 100%;
}
div.Form_Internal_Text {
height: 100%;
}
div.Form_Internal_border_right {
float: right;
height: 100%;
width: 3px;
background: url(/Image/Window/form_dot_right.png) repeat-y;
}
div.Form_Internal_border_bottom {
height: 3%;
width: 100%;
background: url(/Image/Window/form_dot_down.png) repeat-x;
}
HTML:
<div class="Form_Container">
<div class="Form_Internal_container">
<div class="Form_Internal_border_left"></div>
<div class="Form_Internal">
<div class="Form_Internal_Text">
Come
cavolaccio
faccio
per fare
i boprdi
</div>
</div>
<div class="Form_Internal_border_right"></div>
<div class="clear"></div>
<div class="Form_Internal_border_bottom"></div>
</div>
</div>
Grazie a tutti.