Newsgroup: it.lavoro.professioni.webmaster
Titolo: sempre css e browser che fanno i fatti loro..

 Esimiii colleghi...
 son qui ancora con problemi con css e dintorni...
 sto pasticciando ancora col tableless+xhtml1.0+css
 ho risolto molti dei problemi che avevo.. me ne rimane pero'
 uno rognoso ... oggi mi sono letto un bel po' delle direttive
 del w3c su css2 e xhtml1.0 ma non sono riuscito a venire a capo
 del problema..
 ovvero con un layout del tipo:
 header
 colonnaSX - colonnaDX
 footer
 nel momento in cui il contenuto di colonnaSX supera un certo
 numero di righe questo sfora e si sovrappone a footer ...
 (questo solo con mozilla -1.7- mentre con ie6 funzia)
 unica soluzione è mettere l'overflow:auto ma viene bruttissimo...
 possibile che la colonnaSX non si allunghi in base al contenuto???
 sia body che html hanno width ed height al 100%
 mentre le due colonne sono fatte cosi':
 #colonna-sx
{
float:left;
width:70%;
min-height:100%;
height:100% !important;
height:100%;
border-left: none;
border-right:none;
border-top: none;
background-color: #FFFFF0;
}
e la colonna-dx
#colonna-dx
{
float:right;
min-width: 200px;
width:30% !important;
width:30%;
min-height:100%;
height:100% !important;
height:100%;
margin:0px;
border:none;
background-color: #6D9BA3;
}
infine il footer
#footer
{
width:100%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding:0px;
background: #fff;
margin:0px;
clear:none;
float:left;
}
spero che qualcuno sappia aiutarmi... sicuramente c'e' qualche
grande cappellata nel css...
per ora il tutto è ancora in locale.. appena posso lo pubblico.. :)
bye T.
--
"Imagination is more important than knowledge" - A.Einstein
[ IRLug Founder - 
www.irlug.org
 ]  [ HoloSoft Owner: 
www.holosoft.it
]
[ WebStatis PR - 
www.webstatis.com
 ]
[ ZioBudda Admin - 
www.ziobudda.net
 ] [ IWA Member #0240561 ]

io cambierei il footer cosi':
 #footer
 {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding:0px;
 background: #fff;
 margin:0px;
 clear:both;
}
il clear both costringe il footer ad andare a capo rispetto all'elemento
flottante.. toglierei anche il clear left e width:100% al footer perche' mi
sembra non servano...
ciao

 }
Hai settato l'altezza del div al 100% del blocco contenitore (immagino 
body) e lui da lě non si muove. IE funziona perché ha un bug nella 
implementazione dell'attributo 'height', facendolo funzionare a tutti 
gli effetti come se si trattasse di 'min-height'. Per risolvere, devi 
modificare il tuo CSS cosě:
#colonna-sx {
   min-height:100%;
   height:auto !important;
   height:100%;
}
Altre info le trovi qui : 
http://www.constile.org/tips/min-height/
Ciao,
Max Graziani


hmmm prova già fatta.. e non va.... stranamente perché dovrebbe..
cmq ho quasi risolto (anche se resta altro problema)
costringendo il footer a stare giu' dandogli l'altezza fissa quindi:
#footer
{
    height: 25px;
}
ed impostando top e bottom di #colonna-sx e #colonna-dx cosi'
#colonna-sx
{
    top:0;
    bottom:25px,
}
..in questo caso quando il contenuto di colonna-sx è molto lungo, il box
si espande fino ad arrivare comunque al bordo del footer... il problema
è nel caso contrario.. ovvero se il contenuto di colonna-sx è corto... il
box
si restringe.. anche se ho:
#colonna-sx
{
    min-height: 100%;
    height: 100% !important;
    height: 100%;
}
e quindi comunque dovrebbe prendere il 100% dell'altezza del suo contenitore
che è body e che è di per se al 100% ... :|
risultato?
il box è corto e vedo lo sfondo di body che ho impostato ad un colore molto
acceso
proprio per vedere questi buchi... tra le altre cose risolverei se tutto il
sito fosse
dello stesso colore... ma la colonna-sx e la colonna-dx sono di due colori
differenti...
la stessa cosa accade poi alla colonna-dx ... quando la colonna-sx si
allunga la dx non
lo fa.... :|
spero di riuscire a risolvere...
grazie.
