Newsgroup: it.comp.www.html
Titolo: [LUNGO] Problema con float e div, layer overflow

Salve ho il seguente problema (opera e moz/net only)
in un layer voglio mettere un immagine allineata a destra in modo che
il testo si wrappi uso float: right e tutto funge se c'e' abbastanza
testo.
Mi spiego meglio 
il layer si adatta sempre e solo alla dimensione del testo e non a
quella dell'immagine, quindi se c'e' poco testo il layer sara' +
piccolo dell'immagine che esce fuori!
come faccio a dire al layer che deve tenere l'immagine? oppure c'e' un
modo per settare un altezza minima del layer? xche se setto l'altezza
quella rimane fissa anche se c'e' molto testo e non entra...
Grazie
Kirys
allego parte del sorgente cosi potete avere un idea:
.arttop {font-family: "Arial", "Helvetica", "sans-serif"; font-size:
12px; font-style: normal; color: black; width:100%; background-color:
aqua; padding: 2px 2px 2px 2px;}
.artbottom {font-family: "Arial", "Helvetica", "sans-serif";
font-size: 12px; font-style: normal; color: black; width:100%;
background-color: silver; padding: 2px 2px 2px 2px; text-align: right;
vertical-align: bottom;}
.artmiddle {font-family: "Arial", "Helvetica", "sans-serif";
font-size: 12px; font-style: normal; color: black; width:100%;
background-color: white; padding: 2px 2px 2px 2px; text-align:
justify; display:inline; height:auto; clear:all;}
.topicimage {float:right; display:block; position: relative;}
<!-- Block Start -->
<div>
<table cellspacing=0 cellpadding=0 border=0 width="100%">
  <tr>
     <td valign=middle colspan=3>
     <table cellspacing=0 cellpadding=0 border=0 width="100%">
       <tr>
          <td background="themes/kt2k/images/blueblocktopback.png"
width=3><img src="themes/kt2k/images/blueblocktopleft.png"
align="left" width="3" height="20" border="0" hspace=0 vspace=0></td>
          <td background="themes/kt2k/images/blueblocktopback.png"
aligh=left><div class="blocktitle">&nbsp;<a
href="categories.php?op=newindex&amp;catid=3">News</a>: Modem Logger
install repacked</div></td>
          <td
background="themes/kt2k/images/blueblocktopback.png"><img
src="themes/kt2k/images/blueblocktopright.png" align="right"
width="47" height="20" border="0" hspace=0 vspace=0></td>
       </tr>
     </table>
     </td>
  </tr>
  <tr>
      <td background="themes/kt2k/images/blueblockcolback.png"
width=3><img src="themes/kt2k/images/blueblockcolback.png" width="3"
height="2" border="0"></td>
      <td bgcolor="white" valign="top" width="100%">
         <table cellspacing=0 cellpadding=0 border=0 width="100%">
         <tr><td><div class="blocktext"><div class="arttop">Posted by
<b>kirys</b> on Friday, April 26 @ 21:06:45 CEST, 129 reads</div>
<div class="artmiddle">
<a href="search.php?query=&topic=34&author="><img class="topicimage"
src =" images/topics/modemlogger.png" alt =" Modem Logger" border =
0></a>
This is <b>NOT</b> a new release. I just repacked the installer to
reduce it's size and save space on our mirrors.<br></div><br>
<div class="artbottom"><font size=2><a
href="article.php?sid=40&amp;mode=thread&amp;order=0&amp;thold=0">comments?</a>
| <a href="print.php?sid=40"><img src="images/print.gif" border="0"
alt="Printer Friendly Page" width="15" height="11" /></a>&nbsp; <a
href="friend.php?op=FriendSend&amp;sid=40"><img
src="images/friend.gif" border="0" alt="Send this Story to a Friend"
width="15" height="11" /></a> | <a
href=categories.php?op=newindex&amp;catid=3>News</a></font>&nbsp;&nbsp;</div></div></td></tr>
         </table>
      </td>
      <td background="themes/kt2k/images/blueblockcolback.png"
width=3><img src="themes/kt2k/images/blueblockcolback.png" width="3"
height="2" border="0"></td>
  </tr>
  <tr>
     <td background="themes/kt2k/images/blueblockbottomback.png"
aligh=left><img src="themes/kt2k/images/blueblockbottomleft.png"
width="3" height="2" border="0"></td>
     <td background="themes/kt2k/images/blueblockbottomback.png"
align=middle><img src="themes/kt2k/images/empty.gif" alt="" width="20"
height="3" border="0"></td>
     <td background="themes/kt2k/images/blueblockbottomback.png"
aligh=right><img src="themes/kt2k/images/blueblockbottomright.png"
width="3" height="2" border="0"></td>
  </tr>
</table>
</div>
-- 
.     _  _______  ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_
  /| // /__  __/  Kirys <Remove DELTHIS from the address to reply>
 / |/ \   / /     Kirys Tech 2000: 
http://www.kt2k.com
/__|\__\ /_/ 2000 ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_

 modo per settare un altezza minima del layer?
Dalle specifiche dei css2:
10.7 Minimum and maximum heights:
'min-height' and 'max-height'
It is sometimes useful to constrain the height of elements to a certain
range. Two
properties offer this functionality:
'min-height'
Value: <length> | <percentage> | inherit
Initial: 0
Applies to: all elements except non-replaced inline elements and table
elements
Inherited: no
Percentages: refer to height of containing block
Media: visual
'max-height'
140
Value: <length> | <percentage> | none | inherit
Initial: none
Applies to: all elements except non-replaced inline elements and table
elements
Inherited: no
Percentages: refer to height of containing block
Media: visual
These two properties allow authors to constrain box heights to a certain
range.

'min-height' and 'max-height'
good :)
Ciao e grazie
