[cssdesign] problema con div debordanti

Lun 30 Gen 2006 10:17:06 CET

Ciao a tutti, ho un impiccio con il seguente:

<body>

    <div id="colonna-sx"></div>

    <div id="principale">

                <div id="banner"></div>

                <div id="contenitore">

                            <div id="testo">

                                                   Bla bla bla

                                       </div>

                </div>

    </div>

    <div id="colonna-dx"></div>

</body>

Con CSS:

html

{height: 100%; font-size:109.5%}

body { margin:0 1px 0 0;: 100%;}

#principale { float: left; width: 66%; min-height: 100%;}

* html #principale

{height: 100%;}

#colonna-sx{ float: left; left:0px; bottom:0px; width: 17%; min-height:
100%;}

* html #colonna-sx

{height: 100%;}

 #colonna-dx{float:right;  right:0px; bottom:0px; width: 17%; min-height:
100%; }

* html #colonna-dx

{height: 100%;}

* html #contenitore

{height: 100%;}

#contenitore{width:100%;min-height: 100%; z-index:10;padding-bottom:0px}

#banner{ height:44px; clear:left }

Il problema sta nel fatto che se nell contenitore il testo ingrandito con FF
è molto grande il div sborda in basso e lascia le due colonne in alto.

Devo aver sbagliato la progettazione, potrei rimediare in qualche modo?

Tutti gli elementi sono flottanti - forse sono solo esaurita perché la
soluzione è banale ma non ci arrivo.

Grazzi

c

-------------- parte successiva --------------
Un allegato HTML è stato rimosso...
URL: http://itlists.org/pipermail/cssdesign/attachments/20060130/0f1648ce/attachment.htm 