Buongiorno a tutti,
ho un bel problema con questo layout,
<style>
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 0; padding: 0 0; background-color:#000; }
.contenitore { margin: 0 auto; }
.contenitore { width: 980px; }
.contenuto_uno { width: 980px; }
.contenuto_uno_top, .contenuto_uno_content, .contenuto_uno_bottom { width: 980px; background-position:center; }
.contenuto_uno_top { height: 40px; background-image:url(images/content_top.png); background-repeat:no-repeat; }
.contenuto_uno_content { height: auto; background-image:url(images/content_bkg.png); background-repeat:repeat-y; }
.contenuto_uno_bottom { height: 30px; background-image:url(images/content_bottom_1.png); background-repeat:no-repeat; }
.due_colonne_ug { position:relative; width:880px; margin: 0 auto; background-color:#0F9; }
.col_left_ug, .col_right_ug { width:440px; text-align:center; }
.col_left_ug { background-color:#F00; float:left; }
.col_right_ug { background-color:#090; float:right; }
</style>
<body>
<div class="contenitore">
<div class="contenuto_uno" style="margin-top:145px;">
<div class="contenuto_uno_top">
</div>
<div class="contenuto_uno_content">
<div class="due_colonne_ug">
<div class="col_left_ug">
<div class="img_prev">[img]images/img_prova.jpg[/img]</div>
</div>
<div class="col_right_ug">
<div class="img_prev">[img]images/img_prova_1.jpg[/img]</div>
</div>
</div>
</div>
<div class="contenuto_uno_bottom"></div>
</div>
</div>
</body>
il problema è che quando inserisco il float ai div "col_left_ug" e "col_right_ug" il div "contenuto_uno_content" sparisce
grazie in anticipo a tutti
Rispondi quotando
