Testo fuoriesce da margine inferiore con Firefox

[troglos]

Ragazzi è da poco che mi sto cimentando con i CSS ad un certo livello ma sto avendo un grosso problema che spero mi aiutiate a risolvere.

Lo schema sintetizzato è:
un header con menu centrato 800px - ok
un blocco centrale largo 100% altezza variabile con bg pattern - ok
un blocco con inserto flash centrato 800px - ok
un footer centrato - ok

il blocco centrale ha

#container {
           width: 872px;
           margin:0px auto 0px auto;
           border: 1px solid white;
           clear:both;
           }
#leftnav   {
           float: left;
           width: 511px;
           margin:0px auto 0px 2px;     
           padding: 0;
           text-align: left;
           }
#content   {
           margin-left: 520px;
           border-left: 0px solid white;
           text-align: left;
           }
#boxlogin  {
           width: 340px;
           margin-left: 8px;
           border: 0px solid yellow;
           }

in breve: se leftnav contiene immagini tutto ok, ma se contiene testo molto lungo con FireFox trasborda il margine ed il background termina dove arrivano i contenuti di destra (content e boxlogin)

come faccio a dare al div che contiene il testo (dinamico) l'altezza giusta con Firefox e a non far vedere il testo che fuoriesce dal bordo bottom?
inoltre se al testo aggiungo una immagine content e boxlogin partono dalla fine (in basso) e non a destra



inutile dire che ho fatto una ricerca e non ho trovato nulla che mi abbia aiutato...

[Caleb]

e... nell'html come hai inserito i vari div?

accussì?

<div id="container">
	<div id="leftnav">
	   bla bla bla left
	</div>
	<div id="content">
	   bla bla bla cont
	</div>
	<div id="boxlogin">
	   bla bla bla login
	</div>
</div>

[troglos]

<div id="pattern"> (background.gif)

 <div id="container">
  
<div id="leftnav">questo mi da' problemi se il testo è lungo,
 mi sfora il bordo bottom di FF e il pattern non si allunga secondo il testo</div>
    <div id="content">
     <div id="testonews">(box fisso)</div>
     <div id="boxlogin">(box fisso)</div>
    </div>

 </div>

</div>

purtroppo se non risolvo entro oggi sono costretto a rifare tutto con le tabelle per motivi di deadline

[Caleb]

prova un po' (se ho ben capito cosa vuoi fare)

#container {
           width: 872px;
           margin:0px auto 0px auto;
           border: 1px solid white;
           clear:both;
           }
#leftnav   {
           float: left;
           width: 100px;
           margin:0px auto 0px 2px;
           padding: 0;
           text-align: left;
           }
#content   {
           margin-left: 20px;
           width: 500px;
           border-left: 0px solid white;
           text-align: left;
           float: left;
           }
#boxlogin  {
	   float: right;
           width: 220px;
           margin-left: 8px;
           border: 0px solid yellow;
	  }

giocherella con le width, non so quanto desideri estesi i vari box...

[troglos]

e questo è lo stile del div pattern

#pattern  {
          background: #666 url(images/pattern.gif) repeat;
          }

[troglos]

ehmmm... non risolve il problema
il testo con Firefox esce dalla div in basso

marooo'

[troglos]

Originariamente inviato da Caleb
giocherella con le width, non so quanto desideri estesi i vari box...

il problema è che c'è un blocco centrale largo 872px flessibile in altezza contenuto in un div col pattern al 100% di larghezza

mi piacerebbe almeno che il blocco di testo si comportasse come fa un'immagine (cioè che il bordo si estende in verticale)

ci deve essere un'istruzione, ma non la trovo!

[Caleb]

Originariamente inviato da troglos
ehmmm... non risolve il problema
il testo con Firefox esce dalla div in basso

marooo'

?! a me non lo fa con nessun div, gli ho piantato dentro lorem ipsum a manetta

puoi mettere il tutto online?

[troglos]

Originariamente inviato da Caleb
?! a me non lo fa con nessun div, gli ho piantato dentro lorem ipsum a manetta

puoi mettere il tutto online?

sto sbattendo la testa contro al muro, ieri sera con dei test a casa andava bene, qui da' problemi

non posso pubblicare niente ancora sto in locale, anche perchè pesca da mysql e fare modifiche adesso è un casino

ma roba da matti... eppure sarà una str.. fesseria!

per tamponare adesso ho tolto il bg dal centro e l'ho messo nel body, ma poi così sacrifico altre cose, ma che palle...

[ptransidico]

forse devi utilizzare il min-height nel div coinvolto nel seguente modo:

min-height: 100%;
height: auto !important;
height: 100%;